Custom the Size of Modal PopUp Dialog

Question

How to custom the size of the modal popup dialog?

Belle Cruz · Answer

Is there any update about my query?

Vinitha Jeyakumar · Answer

Hi Belle,

You can customize the size of the Modal Dialog by using the Height and Width property of Dialog control. please check the code below,

Code snippet:

<SfDialog Width="250px" Height="300px" IsModal="true" @bind-Visible="@IsVisible">

</SfDialog>

You can also use CSS style code to customize the size of the dialog,

<style>

.e-dialog {

height: 300px;

width: 300px;

}

</style>

API Link: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.SfDialog.html#Syncfusion_Blazor_Popups_SfDialog_Height

Documentation: https://blazor.syncfusion.com/documentation/dialog/style

Regards,

Vinitha