Skip to main content
All docs
V25.1
  • DxSplitButton.CloseDropDownOnItemClick Property

    Specifies whether to close drop-down menus when a user clicks their items.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(true)]
    [Parameter]
    public bool CloseDropDownOnItemClick { get; set; }

    Property Value

    Type Default Description
    Boolean true

    true to close drop-down menus on item clicks; otherwise, false.

    Remarks

    When a user clicks a drop-down list item, the drop-down menu closes. In case of items with templates, the menu does not close.

    The following code snippet keeps drop-down menus open after a user clicks their items:

    <DxSplitButton RenderStyle="ButtonRenderStyle.Secondary"
                      Text="Clipboard"
                      IconCssClass="tb-icon tb-icon-paste"
                      CssClass="me-1"
                      CloseDropDownOnItemClick="false">
        <Items>
            <DxDropDownButtonItem Text="Cut" IconCssClass="menu-icon-cut menu-icon" />
            <DxDropDownButtonItem Text="Copy" IconCssClass="menu-icon-copy menu-icon" />
            <DxDropDownButtonItem Text="Paste" IconCssClass="tb-icon tb-icon-paste" />
            <DxDropDownButtonItem Text="Paste Special" BeginGroup="true">
                <Items>
                    <DxDropDownButtonItem Text="Paste Text Only" />
                    <DxDropDownButtonItem Text="Paste Picture" Enabled="false" />
                    <DxDropDownButtonItem Text="Paste as Hyperlink" />
                </Items>
            </DxDropDownButtonItem>
        </Items>
    </DxSplitButton>
    
    See Also