DxFlyout.IsOpen Property

Specifies whether the flyout window is open.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

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.

See Also

DxFlyout Class

DxFlyout Members

DevExpress.Blazor Namespace