Skip to main content
All docs
V26.1
  • DropDownCloseMode Enum

    Lists values that specify how a DropDown behaves when it does not meet the position restrictions.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v26.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    public enum DropDownCloseMode

    Members

    Name Description
    None

    A DropDown stays visible.

    Hide

    A DropDown is hidden.

    Close

    A DropDown is closed.

    Related API Members

    The following properties accept/return DropDownCloseMode values:

    Remarks

    DropDown allows you to restrict its position. Set the CloseMode property to one of the DropDownCloseMode enumeration values to specify how the DropDown behaves when it does not meet the position restrictions.

    Run Demo: DropDown - Automatic Position Adjustment

    <OptionsContent>
        <OptionComboBox Label="Close mode:" CssClass="ow-100" Data="@CloseModeSource" @bind-Value="@CloseMode"/>
        <OptionCheckBox Label="Fit to container" @bind-Checked="FitToRestriction"/>
    </OptionsContent>
    @* ... *@
            <DxDropDown
                @bind-IsOpen="@IsOpen"
                Id="dropDown-flipping"
                CloseOnOutsideClick="false"
                PositionMode="DropDownPositionMode.Bottom"
                PositionTarget=".flipping-button"
                RestrictionTarget=".flipping-overflow-container"
                RestrictionMode="DropDownRestrictionMode.TargetElement"
                PreventCloseOnPositionTargetClick="true"
                CloseMode="@CloseMode"
                FitToRestriction="@FitToRestriction"
                FooterVisible="true"
                SizeMode="Params.SizeMode"
                Width="240">
                <BodyContentTemplate>
                    <span class="fs-75">@Constants.ContentShort</span>
                </BodyContentTemplate>
                <FooterContentTemplate>
                    <DxButton CssClass="popup-button my-1 ms-2" RenderStyle="ButtonRenderStyle.Primary" Text="OK" Click="@context.CloseCallback" />
                </FooterContentTemplate>
            </DxDropDown>
            @* ... *@
    @code {
    @* ... *@
        DropDownCloseMode[] CloseModeSource { get; } = Enum.GetValues<DropDownCloseMode>();
        DropDownCloseMode CloseMode { get; set; } = DropDownCloseMode.Hide;
        @* ... *@
    }
    
    See Also