DxEditSettings.ShowValidationSuccessState Property

Specifies whether the editor indicates successful validation. When an input value is valid, the editor displays a green outline and can show a success icon.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public bool? ShowValidationSuccessState { get; set; }

Property Value

Type	Default	Description
Nullable<Boolean>	null	true to indicate the validation success status; otherwise, false. null to inherit the value from the GlobalOptions.ShowValidationSuccessState property.

Remarks

Set the ShowValidationSuccessState to true to indicate the validation success status in auto-generated editors displayed in Grid and TreeList components. Refer to the following topics for more information:

• Validate User Input in Blazor Grid
• Validate User Input in Blazor TreeList

<DxGrid Data="@products" PageSize="4"
        EditMode="GridEditMode.EditRow">
    <Columns>
        <DxGridCommandColumn />
        <DxGridDataColumn FieldName="ProductID" DisplayFormat="00000">
            <EditSettings>
                <DxTextBoxSettings ShowValidationSuccessState="true" />
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="ProductName" />
        <DxGridDataColumn FieldName="UnitPrice"  DisplayFormat="c" />
        <DxGridDataColumn FieldName="UnitsInOrder" />  
    </Columns>
</DxGrid>

Implements

ShowValidationSuccessState