Do not scroll some content on RadzenDialog

Radzen.Blazor Components
1

I want to have a part of the dialog content "not scrollable". How can I achive this?

scroll
scroll1361×931 53.7 KB

2

At the moment this is not something easy to achieve, maybe we can allow custom content in the dialog title similar to ChildContent property of DialogOptions for such cases.

1 Like
3

Maybe you can achieve this with some flexbox. Use this in the dialog page:

<div style="display: flex; flex-direction: column; height: 100%">
    <div>
        Non-scrollable content
    </div>
    <div style="flex:1; overflow-y: auto">
        Scrollable content
    </div>
</div>

It would look like this:
dialog-scroll

2 Likes
4

It works if I set the height for rz-dialog:

image
image2014×1032 248 KB

But I would want it to vertically grow while have space...