Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxDropDownButtonBase.DropDownVisible Property

Specifies the current state of a drop-down element (visible/hidden).

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(false)]
[Parameter]
public bool DropDownVisible { get; set; }

#Property Value

Type Default Description
Boolean false

true if the drop-down element is visible; otherwise, false.

#Remarks

Use the DropDownVisible property to show/hide the target element’s drop-down menu or window.

The following components implement the DropDownVisible property:

DxDropDownButton
A toggleable button that reveals a drop-down element with a list of commands or custom content.
DxSplitButton
A composite control that consists of a primary button and a toggleable secondary button that reveals a drop-down element.
DxDropDownButtonItem
Defines a drop-down list item. Used in DxDropDownButton or DxSplitButton.

To respond to the property change, handle the DropDownVisibleChanged event.

#Example

The following code snippet displays the current visibility state of the DxDropDownButton component’ drop-down menu:

Razor
<p>Is menu expanded - @IsDropDownVisible</p>

<DxDropDownButton Text="Blazor Components"
                  RenderStyleMode="ButtonRenderStyleMode.Outline"
                  DropDownVisible="@IsDropDownVisible"
                  DropDownVisibleChanged="OnDropDownVisibleChanged">
    <Items>
        <DxDropDownButtonItem Text="Documentation"
                              NavigateUrl="https://docs.devexpress.com/Blazor/400725/blazor-components" />
        <DxDropDownButtonItem Text="Demos"
                              NavigateUrl="https://demos.devexpress.com/blazor/" />
    </Items>
</DxDropDownButton>

@code {
    bool IsDropDownVisible = false;

    void OnDropDownVisibleChanged(bool isVisible) {
        IsDropDownVisible = isVisible;
    }
}
See Also