FluentValidation icon indicating copy to clipboard operation
FluentValidation copied to clipboard

[Question]

Open digitalgym opened this issue 2 years ago • 1 comments

Are there any examples using custom css style? I have tried creating a custom field CSS provider but it does not trigger when validation runs?

editContext.SetFieldCssClassProvider(new CustomFieldClassProvider());

digitalgym avatar Feb 10 '23 22:02 digitalgym

@digitalgym I have it working here. I created a CustomFieldClassProvider Class

public class CustomFieldClassProvider : FieldCssClassProvider
{
    public override string GetFieldCssClass(EditContext editContext, in FieldIdentifier fieldIdentifier)
        => !editContext.GetValidationMessages(fieldIdentifier).Any()
        ? editContext.IsModified(fieldIdentifier) 
        ? "is-valid" : "needs-validation" : "is-invalid";
}

as for the razor

 protected override void OnInitialized()
 {
     UiUpdate.OnChange += StateHasChanged;
     editContext = new(CVModel.CV);
     editContext?.SetFieldCssClassProvider(new CustomFieldClassProvider());
 }

Sharaf-Mansour avatar Feb 11 '23 00:02 Sharaf-Mansour