Skip to main content

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

FormLayoutItemBase.Enabled Property

Specifies whether the auto-generated editors in the Form Layout are enabled.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

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

#Property Value

Type Default Description
Boolean true

true if the editors are enabled; otherwise, false.

#Remarks

Use the Enabled property to enable or disable auto-generated editors in the Form Layout. Users cannot focus disabled editors.

Razor
<DxFormLayout Data="forecast">
    <DxFormLayoutGroup Caption="Weather Forecast">
        <DxFormLayoutItem Caption="Date" Field="@nameof(WeatherForecast.Date)" ReadOnly="true" />
        <DxFormLayoutItem Caption="Temperature" Field="@nameof(WeatherForecast.TemperatureC)" Enabled="false" />
    </DxFormLayoutGroup>
</DxFormLayout>

@code{
    public class WeatherForecast
    {
        public DateTime Date { get; set; }
        public int TemperatureC { get; set; }
        public double Precipitation { get; set; }
    }
    WeatherForecast forecast = new WeatherForecast() { Date = new DateTime(2020, 05, 11), TemperatureC = 20, Precipitation = 5};
}

Disbled and ReadOnly items

You can also disable all auto-generated editors in groups, tabs and tab pages:

Razor
<DxFormLayout Data="forecast">
    <DxFormLayoutItem Caption="Date" Field="@nameof(WeatherForecast.Date)" />
    <DxFormLayoutGroup Caption="Information" Enabled="false">
        <DxFormLayoutItem Caption="Temperature" Field="@nameof(WeatherForecast.TemperatureC)" />
        <DxFormLayoutItem Caption="Precipitation" Field="@nameof(WeatherForecast.Precipitation)" />
    </DxFormLayoutGroup>
</DxFormLayout>

Disabled Groups

The Form Layout and its elements (tabs, tab pages, and groups) apply this property’s value to nested elements. You can specify the corresponding property for a nested element to override this setting.

Component Property
Form Layout Enabled
Tab Pages Enabled
Tab Page Enabled
Group Enabled
Item Enabled
Editor <Editor_name>.Enabled
See Also