Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxHtmlEditor.ShowValidationMessageOnFocus Property

Specifies whether the editor hides a validation message after the editor’s focus is lost.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(true)]
[Parameter]
public bool ShowValidationMessageOnFocus { get; set; }

#Property Value

Type Default Description
Boolean true

true to hide a validation message after the editor loses focus; otherwise, false.

#Remarks

<DxHtmlEditor> allows you to validate user input. To specify validation rules, use the IsValid property.

When a user enters an invalid value, the focused editor displays a validation message at the specified position. After the editor loses focus, it hides the validation message. Disable the ShowValidationMessageOnFocus property to change this behavior.

Razor
<DxHtmlEditor Markup="@markup"
              IsValid="@isValid"
              ValidationMessage="Empty markup."
              ShowValidationMessageOnFocus="false"
              ValidationMessagePosition="HtmlEditorValidationMessagePosition.Right"
              MarkupChanged="@OnMarkupChanged"
              Height="100px"
              Width="80%" />

@code {
    bool isValid;
    string markup { get; set; } = "";
    void OnMarkupChanged(string newValue) {
        markup = newValue;
        isValid = !string.IsNullOrEmpty(newValue);
    }
}
See Also