RadzenDialog and Bootstrap columns

Radzen.Blazor Components
1

Good morning.

I have a question regarding the use of RadzenDialog and the Bootstrap column system.

Let's say that I have a simple page with a row

6 columns for Xl and 12 for the rest.

I invoke this page through a Dialog using for example 20% of the height and 20% of the width.

As I understand that bootsrap calculates the size with respect to the browser, it still applies xl-6, instead of lg-12 which would be the corresponding 20% of the size.

Do I have a way to correct this?

2

Hey @Javier1,

There is a way to correct this, although it is not quite straightforward and requires additional SCSS/CSS. You could use the so called CSS container queries. Have a look at this Bootstrap issue for more information.

3

Thanks for the contribution!

I think it is too complicated for my level.

For the moment I have passed a parameter to the page and in relation to that parameter I will modify a variable @BootstrapStyle
variable to assign it to the

Maybe it's not the most elegant thing to do, but it has worked correctly.

Thanks for everything :slight_smile: