Skip to main content

DxFlyout.Scrollable Property

Specifies whether the vertical scrollbar appears in the flyout window if its content exceeds the window’s boundaries.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type Description
Boolean

true to display the scrollbar; otherwise, false.

Remarks

The flyout window’s height changes to fit its content. When the height is restricted and the content exceeds the window’s boundaries, set the Scrollable property to true to display a vertical scrollbar.

<DxButton Id="showFlyout" Click="() => IsOpen = !IsOpen">Show a flyout window</DxButton>
<DxFlyout PositionTarget="#showFlyout" @bind-IsOpen="@IsOpen"
          Height="150"
          Width="300"
          Scrollable=true
          BodyText="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue 
          massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet 
          commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. 
          Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
          Proin pharetra nonummy pede.">
</DxFlyout>

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

Flyout with scrollbar

See Also