DxInputDataEditorBase<T>.ShowValidationIcon Property

Specifies whether an editor shows validation icons.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public bool? ShowValidationIcon { get; set; }

Property Value

Type	Description
Nullable<Boolean>

null to inherit the value from the GlobalOptions.ShowValidationIcon property; true to display a validation icon; otherwise, false.

Remarks

DevExpress input editors support data validation. You can add editors to Blazor’s standard EditForm. This form validates user input based on data annotation attributes defined in a model. When a user enters invalid data into an editor, the editor gets a red outline. You can also use the ShowValidationIcon global option or the editor’s ShowValidationIcon property to specify whether the editor should display validation icons - error or success .

razor

@using System.ComponentModel.DataAnnotations*

<EditForm Model="@starship"
          OnValidSubmit="@HandleValidSubmit"
          OnInvalidSubmit="@HandleInvalidSubmit"
          Context="EditFormContext">
    <DataAnnotationsValidator/>
    <DxFormLayout>
        <DxFormLayoutItem Caption="Identifier:" ColSpanMd="6">
            <DxTextBox @bind-Text="@starship.Identifier" 
                       ShowValidationIcon="true"/>
        </DxFormLayoutItem>
        <DxFormLayoutItem Caption="Primary Classification:" ColSpanMd="6">
            <DxComboBox NullText="Select classification ..."
                        ClearButtonDisplayMode="DataEditorClearButtonDisplayMode.Auto"
                        Data="classifications"
                        @bind-Value="@starship.Classification"
                        ShowValidationIcon="true"/>
        </DxFormLayoutItem>
        ...
      </DxFormLayout>
</EditForm>

Run Demo: Form Validation - Form Layout

Run Demo: Form Validation - Custom Form