DxRibbonToggleItem Class

A ribbon button that stays active until the user turns it off.

Assembly: DevExpress.Blazor.v25.2.dll

Declaration

public class DxRibbonToggleItem :
    DxRibbonItem,
    IRibbonToggleItem,
    IRibbonItem,
    IRibbonButtonBase<RibbonItemClickEventArgs>,
    IRibbonGroupItem,
    IRibbonGroupElement,
    IRibbonElement,
    IRibbonNode,
    IRibbonInteractiveElement,
    IRibbonIconSource,
    IRibbonClickableItem<RibbonItemClickEventArgs>,
    IRibbonGroupItemCollection,
    IRibbonToggleItemGroupName

Remarks

A Toggle Item (DxRibbonToggleItem) component adds a Ribbon button with a persistent selection state. Use it for option buttons that stay active until the user turns them off.

<DxRibbon>
    <DxRibbonTab Text="Home">
        <DxRibbonGroup>
            <DxRibbonToggleItem Text="Bold"
                                IconCssClass="dx-icon-bold" />
            <DxRibbonToggleItem Text="Italic"
                                IconCssClass="dx-icon-italic" />
            <DxRibbonToggleItem Text="Underline"
                                IconCssClass="dx-icon-underline" />
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

Toggle Buttons

Wrap multiple Toggle Items with a Toggle Group to ensure only one item is selected at a time.

<DxRibbon>
    <DxRibbonTab Text="Home">
        <DxRibbonGroup>
            <DxRibbonToggleGroup>
                <DxRibbonToggleItem Text="Left"
                                    IconCssClass="dx-icon-alignleft" />
                <DxRibbonToggleItem Text="Center"
                                    IconCssClass="dx-icon-aligncenter" />
                <DxRibbonToggleItem Text="Right"
                                    IconCssClass="dx-icon-alignright" />
            </DxRibbonToggleGroup>
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

Grouped Toggle Buttons