DxRadio<TValue>.LabelPosition Property

Specifies the position of the button label relative to the clickable circle.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public override LabelPosition LabelPosition { get; set; }

Property Value

Type	Description
LabelPosition

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 LabelPosition and Alignment properties to change content position:

Razor
CSS

razor

<div class="w-400" role="radiogroup">
@foreach (var priorityLevel in PriorityLevels) {
    <DxRadio GroupName="priorities-radio-group"
             @bind-GroupValue="@SelectedPriorityLevel"
             Value="@priorityLevel"
             LabelPosition="LabelPosition.Left"
             Alignment="CheckBoxContentAlignment.Right">
        @priorityLevel
    </DxRadio>
}
</div>

@code {
    string SelectedPriorityLevel { get; set; } = "normal";
    IEnumerable<string> PriorityLevels = new[] { "low", "normal", "urgent", "high" };
}

css

.w-400 {
    width: 400px;
}