DxRadioGroup<TData, TValue>.Layout Property

Specifies how to arrange Radio Group items (vertically or horizontally).

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(RadioGroupLayout.Vertical)]
[Parameter]
public RadioGroupLayout Layout { get; set; }

Property Value

Type	Default	Description
RadioGroupLayout	Vertical

A RadioGroupLayout enumeration value.

Available values:

Name	Description
Vertical

Sets the vertical orientation.

| | Horizontal |

Sets the horizontal orientation.

Remarks

The following code snippet changes the Radio Group layout to Horizontal.

razor

<DxRadioGroup Items="@Languages"
              @bind-Value="@PreferredLanguage"
              Layout="@RadioGroupLayout.Horizontal">
</DxRadioGroup>

@code {
    string PreferredLanguage { get; set; } = "English";
    IEnumerable<string> Languages = new[] { "English", "简体中文", "Español", "Français", "Deutsch" };
}

Run Demo: RadioGroup - Layout