DxRadioGroup<TData, TValue>.ItemAlignment Property

Specifies the position of item labels relative to the container boundaries.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public CheckBoxContentAlignment ItemAlignment { get; set; }

Property Value

Type	Description
CheckBoxContentAlignment

A CheckBoxContentAlignment enumeration value.

Available values:

Name	Description
Default

The component’s content is aligned according to outer styles a user applies.

| | Left |

The component’s content is aligned to the left of the component’s root element.

| | Right |

The component’s content is aligned to the right of the component’s root element.

| | Center |

The component’s content is aligned to the center of the component’s root element.

| | SpaceBetween |

The component’s content uses the justify-content: space-between alignment.

| | SpaceAround |

The component’s content uses justify-content: space-around alignment.

Remarks

Use the ItemAlignment and ItemLabelPosition 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;
}