We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Issue setting CssClass property (20.3)

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



1 Reply

VY Vinothkumar Yuvaraj Syncfusion Team October 26, 2022 11:48 AM

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


Loader.
Live Chat Icon For mobile
Up arrow icon