how to set the width for a Dialog

[lakani]

trafficstars

is there is a way to set the width of a Dialog to be stretched based on the content or even given a fixed value

[SamProf]

Thanks for your issue/idea. In the near future will be implemented.

[DouglasRiddle]

@lakani By default the dialog surface is set to a max-width of 560px. My work-around was to create my own css file that loads after MatBlazor with the below to override.

.mdc-dialog .mdc-dialog__surface { max-width: none; }

[vd3d]

No news ?

I tried :

    <style>
        mdc-dialog .mdc-dialog__surface {
            width: 500px;
        }
    </style>

But it doesn't seems to work :-P

[DouglasRiddle]

No news ?

I tried :

    <style>
        mdc-dialog .mdc-dialog__surface {
            width: 500px;
        }
    </style>

But it doesn't seems to work :-P

It needs to be .mdc-dialog as it is a class.

[Ogglas]

No news ?

I tried :

    <style>
        mdc-dialog .mdc-dialog__surface {
            width: 500px;
        }
    </style>

But it doesn't seems to work :-P

You need to load the file that overrides MatBlazor css after you have loaded matBlazor.css. If you load your file before you need to specify !important like this:

.mdc-dialog .mdc-dialog__surface {
    max-width: none !important;
}

[Welchen]

Any update on this feature?

[EmilAlipiev]

this has probably changed now the correct css override is

.mud-dialog-width-sm{
    max-width: none !important;
}