DxCheckBox<T>.Alignment Property

Specifies the alignment of a CheckBox’s content.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(CheckBoxContentAlignment.Default)]
[Parameter]
public CheckBoxContentAlignment Alignment { get; set; }

Property Value

Type	Default	Description
CheckBoxContentAlignment	Default

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 Alignment property to align a CheckBox‘s text label and check mark relative to each other.

razor

<div>
    <DxCheckBox Checked="false" 
                LabelPosition="LabelPosition.Right" 
                Alignment="CheckBoxContentAlignment.Left">Multimedia</DxCheckBox>
</div>

Note

Checkbox alignment can work incorrectly when the CheckType property is set to CheckType.Switch and a text label is not specified.

Run Demo: CheckBox - Alignment