DxToolbarItem.DropDownCaption Property

Specifies the caption for the modal list with child items.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.dll

Declaration

[Parameter]
[DefaultValue("")]
public string DropDownCaption { get; set; }

Property Value

Type Default Description
String

String.Empty

A String value that specifies the caption.

Remarks

A toolbar item displays a drop-down list if you populate the DxToolbarItem.Items collection. The drop-down list can be displayed as a regular sub-menu, as a modal dialog, or as a modal bottom sheet. You can specify the type explicitly or let the component adapt to the device type. To specify the display mode, use the following properties:

When you set these properties to ModalDialog or ModalBottomSheet, you can also specify the modal list's caption. To do this, use the DropDownCaption property.

NOTE

If you do not set the DropDownCaption property, the toolbar item text is used as the modal list's caption.

<DxToolbar>
    <Items>
        <DxToolbarItem Text="Format" BeginGroup="true">
            <Items>
                <DxToolbarItem Text="Times New Roman" />
                <DxToolbarItem Text="Tahoma" />
                <DxToolbarItem Text="Verdana" />
            </Items>
        </DxToolbarItem>
        <DxToolbarItem Text="Size" 
                       DropDownDisplayMode="DropDownDisplayMode.ModalDialog" 
                       DropDownCaption="Font Size">
            <Items>
                <DxToolbarItem Text="8pt" />
                <DxToolbarItem Text="10pt" />
                <DxToolbarItem Text="12pt" />
            </Items>
        </DxToolbarItem>
        <DxToolbarItem Text="Style" 
                       DropDownDisplayMode="DropDownDisplayMode.ModalBottomSheet" 
                       DropDownCaption="Font Style">
            <Items>
                <DxToolbarItem IconCssClass="tb-icon tb-icon-bold" Text="Bold" />
                <DxToolbarItem IconCssClass="tb-icon tb-icon-italic" Text="Italic" />
                <DxToolbarItem IconCssClass="tb-icon tb-icon-underline" Text="Underline" />
            </Items>
        </DxToolbarItem>
    </Items>
</DxToolbar>

Drop Down Caption

See Also