Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxRadioGroup<TData, TValue>.ItemLabelWrapMode Property

Specifies how item labels are wrapped.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(LabelWrapMode.WordWrap)]
[Parameter]
public LabelWrapMode ItemLabelWrapMode { get; set; }

#Property Value

Type Default Description
LabelWrapMode WordWrap

A LabelWrapMode enumeration value.

Available values:

Name Description
WordWrap

The label is divided into multiple lines to keep text within the target area.

NoWrap

The label is displayed in full.

Ellipsis

The label is cropped to fit into a container and has an end ellipsis.

#Remarks

The Radio Group component consists of the clickable circles and labels. If the labels are too long to fit the parent component, you can wrap or crop the labels. To do this, use the ItemLabelWrapMode property.

The following example applies the Ellipsis label wrap mode:

Razor
<div style="width: 120px; border: 1px dashed black;">
    <DxRadioGroup Items="@Values"
                  @bind-Value="@Value"
                  ItemLabelWrapMode="LabelWrapMode.Ellipsis">
        <p><strong>@Value</strong></p>
    </DxRadioGroup>
</div>

@code {
    string Value { get; set; } = "Parking camera";
    IEnumerable<string> Values = new[] { "Parking camera", "Heated seats", "Air conditioning" };
}

Ellipsis Wrap Mode

See Also