IBarDropDown Interface

A drop-down editor on the Rich Text Editor‘s ribbon or toolbar.

Namespace: DevExpress.Blazor.Office

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public interface IBarDropDown :
    IBarCheckableButton,
    IBarButton,
    IBarItemWithImageBase,
    IBarItem,
    IBarItemBase

Related API Members

The following members return IBarDropDown objects:

• BarItemCollection.AddCustomDropDown(Int32, String)
• BarItemCollection.AddCustomDropDown(String)

Remarks

The code below demonstrates how to create a custom drop-down editor that allows users to change a font style.

<DxRichEdit CustomizeToolbar=OnCustomizeToolbar BarMode=BarMode.Toolbar/>

@code {
    void OnCustomizeToolbar(IToolbar toolbar) {
        BarGroupCollection groups = toolbar.Groups;
        groups.Clear();
        AddFormattingGroup(groups);
        // ...
    }

    void AddFormattingGroup(BarGroupCollection groups) {
        IBarGroup formattingGroup = groups.AddCustomGroup();
        // ...

        // Adds a custom drop-down editor
        IBarDropDown fontDropDown = formattingGroup.Items.AddCustomDropDown(string.Empty);
        fontDropDown.Items.Add(RichEditBarItemNames.FontBold);
        fontDropDown.Items.Add(RichEditBarItemNames.FontItalic);
        fontDropDown.IconUrl = "_content/BlazorDemo/images/Font.svg";
        fontDropDown.Text = "Font";

    }    
}

Run Demo: Toolbar Customization