DxFlyout.IsOpen Property

Specifies whether the flyout window is open.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[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.

<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.