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

NuGet Package: DevExpress.Blazor

#Declaration

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

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