Blazorise: Modal Width

[WillianGruber]

Is there a way to increase the modal width further than Size="ModalSize.ExtraLarge" in ModalContent?

Thank you,

[stsrki]

I think your best option is to modify Bootstrap css class .modal-xl to increase the width.

[WillianGruber]

I would like not to change the bootstrap class. Maybe with attribute splatting next release it is possible. Will test it next realease

[stsrki]

Attribute splatting is already possible. It was released with 0.8.7

[stsrki]

@WillianGruber Have you tested attribute splatting?

[WillianGruber]

Not yet. I'm busy generating dynamic screens with RenderTreeFragment and Blazorise components.
Will look at this issue again in some days

[WillianGruber]

I managed to increase the width changing the max-width in this tag:

Unfortunatelly it is innaccessible through splatting.

[stsrki]

I see. So basically the reason why splatting is not working is because I usually apply it to the tag that have ClassNames. And in this case it's the inner tag for bootstrap implementation.

@inherits BootstrapBase.BaseBootstrapModalContent
<div class="@DialogClassNames" role="document">
    <div class="@ClassNames" @attributes="@Attributes">
        @ChildContent
    </div>
</div>

I will need to see what can be done to apply it to the first tag also.

[stsrki]

One option is to steal some of the keys(stributes) from Attributes dictionary and apply it to the right place. In this case the steal the max-width.

Better option it so add MaxWidth property and set it to the right place.

[stsrki]

I plan to refactor Modal, so this ticket will be done in the next milestone.

973