CheckBoxContentAlignment Enum

Lists values that define alignment of a CheckBox’s text label and check mark relative to each other.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum CheckBoxContentAlignment

Members

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.

Related API Members

The following properties accept/return CheckBoxContentAlignment values:

• DxCheckBox<T>.Alignment
• DxCheckBoxSettings.Alignment
• DxRadio<TValue>.Alignment
• DxRadioGroup<TData, TValue>.ItemAlignment
• ICheckBoxSettings.Alignment

Remarks

Use the CheckBoxContentAlignment enumeration values to define alignment of a CheckBox‘s text label and check mark relative to each other.

<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