Skip to main content

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

DxFlyout.IsOpen Property

Specifies whether the flyout window is open.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public bool IsOpen { get; set; }

#Property Value

Type Description
Boolean

true if the window is open; otherwise, false.

#Remarks

Implement two-way binding for the IsOpen property to open and close the flyout window in code and update the property value when a user closes the window. The IsOpenChanged event occurs when the property value changes.

Razor
<DxButton Id="targetButton" Click="() => IsOpen = !IsOpen">Show/Hide a flyout window</DxButton>
<DxFlyout @bind-IsOpen=IsOpen 
          PositionTarget="#targetButton" 
          Width=400
          BodyText="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
</DxFlyout>

@code {
    bool IsOpen { get; set; } = false;
}

You can handle the following events related to the IsOpen property’s changes:

  • Showing - Fires before the window is displayed and allows you to cancel this action.
  • Shown - Fires after the window is displayed.
  • Closing - Fires before the window is closed and allows you to cancel this action.
  • Closed - Fires after the window is closed.

The ShowAsync and CloseAsync methods allow you to show and close the flyout window asynchronously.

See Also