Skip to main content

DxFormLayout.ReadOnly Property

Specifies whether the Form Layout activates read-only mode for all auto-generated editors.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool ReadOnly { get; set; }

Property Value

Type Default Description
Boolean false

true to activate read-only mode; otherwise, false.

Remarks

Set the ReadOnly property to true to activate read-only mode in auto-generated editors. In this mode, the editors are protected from value changes but users still can focus input UI elements.

<DxFormLayout Data="forecast" ReadOnly="true">
    <DxFormLayoutGroup Caption="Weather Forecast">
        <DxFormLayoutItem Caption="Date" Field="@nameof(WeatherForecast.Date)" />
        <DxFormLayoutGroup Caption="Information">
            <DxFormLayoutItem Caption="Temperature" Field="@nameof(WeatherForecast.TemperatureC)" />
            <DxFormLayoutItem Caption="Precipitation" Field="@nameof(WeatherForecast.Precipitation)" />
        </DxFormLayoutGroup>
    </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};
}

Form Layout Read-Only Mode

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 ReadOnly
Tab Pages ReadOnly
Tab Page ReadOnly
Group ReadOnly
Item ReadOnly
Editor <Editor_name>.ReadOnly
See Also