Back to Devexpress

IRibbonToggleItem Interface

blazor-devexpress-dot-blazor-dot-ribbon-8c2b0f9e.md

latest2.1 KB
Original Source

IRibbonToggleItem Interface

Defines the programmatic interface for the DxRibbonToggleItem component.

Namespace : DevExpress.Blazor.Ribbon

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
public interface IRibbonToggleItem :
    IRibbonItem,
    IRibbonButtonBase<RibbonItemClickEventArgs>,
    IRibbonGroupItem,
    IRibbonGroupElement,
    IRibbonElement,
    IRibbonNode,
    IRibbonInteractiveElement,
    IRibbonIconSource,
    IRibbonClickableItem<RibbonItemClickEventArgs>,
    IRibbonGroupItemCollection

Remarks

Use the IRibbonToggleItem interface to read and modify DxRibbonToggleItem component properties at runtime and customize the Ribbon toggle item appearance and behavior.

Obtain an IRibbonToggleItem instance with the @ref attribute or from Ribbon event arguments.

The following code snippet gets an IRibbonToggleItem reference and selects the item:

razor
<DxRibbon>
    <DxRibbonTab Text="Home">
        <DxRibbonGroup>
            <DxRibbonItem Text="Make Bold"
                          Click="CheckItem" />
            <DxRibbonToggleItem Text="Bold"
                                IconCssClass="dx-icon-bold"
                                @ref="toggleItemRef" />
            <DxRibbonToggleItem Text="Italic"
                                IconCssClass="dx-icon-italic" />
            <DxRibbonToggleItem Text="Underline"
                                IconCssClass="dx-icon-underline" />
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

@code {
    IRibbonToggleItem toggleItemRef;

    void CheckItem(RibbonItemClickEventArgs e) {
        toggleItemRef.Checked = true;
    }
}

See Also

IRibbonToggleItem Members

DevExpress.Blazor.Ribbon Namespace