Skip to main content

BootstrapDropDownEdit.DropDownApplyButton Property

Specifies settings for the Apply button in the BootstrapDropDownEdit‘s drop-down window in modal mode.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v24.1.dll

NuGet Package: DevExpress.Web.Bootstrap

Declaration

[PersistenceMode(PersistenceMode.InnerProperty)]
public BootstrapDropDownEditModalCommandButton DropDownApplyButton { get; }

Property Value

Type Description
BootstrapDropDownEditModalCommandButton

The drop-down window’s command button.

Remarks

The Apply button applies the selected item or items in the editor’s drop-down window. To access Apply button settings, use the DropDownApplyButton property.

Enable the Visible property to display the Apply button. Use OnWindowInnerWidth adaptive mode to switch the control to modal mode when the browser window’s width reaches the SwitchToModalAtWindowInnerWidth property’s value.

Apply Button

<dx:BootstrapDropDownEdit ID="BootstrapDropDownEdit1" runat="server">
    <SettingsAdaptivity Mode="OnWindowInnerWidth" SwitchToModalAtWindowInnerWidth="1000" />
    <DropDownApplyButton Visible="true"/>
    <DropDownWindowTemplate>
        <dx:BootstrapCheckBoxList ID="BootstrapCheckBoxList1" runat="server">
            <Items>
                <dx:BootstrapListEditItem Text="1"></dx:BootstrapListEditItem>
                <dx:BootstrapListEditItem Text="2"></dx:BootstrapListEditItem>
                <dx:BootstrapListEditItem Text="3"></dx:BootstrapListEditItem>
            </Items>
        </dx:BootstrapCheckBoxList>
    </DropDownWindowTemplate>
</dx:BootstrapDropDownEdit>
See Also