Issue setting CssClass property (20.3)

[MS]

Hi,

When setting CssClass​ property is set, it's set to both backdrop and the modal itself.

for example if I set CssClass​ to w-50, it is set to both which will reduce the size of the backdrop as well. this worked in 20.2.

Please refer to the following repo for repro.

https://github.com/r-work/SyncfusionDialogIssue

[Vinothkumar Yuvaraj]

Hi MiVision,

We have provided support for customize the dialog buttons using a custom class name after 20.3.0.47 version. So, we have included a custom class name in all our dependent components. If you wish to apply styles to a particular dialog element, you can add a custom class name with corresponding elements like the below code.

Index.razor

 

<SfDialog @ref="_dlg" CssClass="custom-class">…

</SfDialog>

 

<style>

    .custom-class.e-dialog{

       width: 50%;

    }

</style>

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionDialogIssue-main-1988965302

Regards,

Vinothkumar