DxRadioGroup<TData, TValue>.ItemLabelPosition Property

Specifies the position of item labels relative to clickable circles.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(LabelPosition.Right)]
[Parameter]
public LabelPosition ItemLabelPosition { get; set; }

Property Value

Type	Default	Description
LabelPosition	Right

A LabelPosition enumeration value.

Available values:

Name	Description
Right

The checkbox’s child content is displayed to the right of the check mark.

| | Left |

The checkbox’s child content is displayed to the left of the check mark.

Remarks

Use the ItemLabelPosition and ItemAlignment properties to change content position:

Razor
CSS

razor

<div class="w-400">
    <DxRadioGroup Items="@Languages"
                  @bind-Value="@PreferredLanguage"
                  ItemLabelPosition="LabelPosition.Left"
                  ItemAlignment="CheckBoxContentAlignment.Right">
    </DxRadioGroup>
</div>

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

css

.w-400 {
    width: 400px;
}