When use DialogUtility to create a reminder and fill value for cssClass property, it results in error on user interface at frontend

[wills]

Hi ,

When use DialogUtility to create a reminder and fill value for cssClass property, it results in error on user interface at frontend

1. cssClass







2. cssClass usually applies to child elements of multiple Dialogs.

          

Demo: https://stackblitz.com/edit/angular-smg7fs?file=src%2Fapp.component.html,src%2Fapp.component.ts,src%2Fapp.component.css

[Vinitha Jeyakumar]

Hi wills,

We wanted to inform you that we have provided custom theme support for our Dialog component starting from version 20.3.47. With these updates, you can now apply custom theme styles to all Dialog dependent components by using the cssClass property.

For example, you can apply custom styles to the Dialog header by associating a custom class name with the particular dialog elements. In the Index.html, you can use the following CSS code to change the Dialog header background color:

Code Snippet

.tec-dialog-errmsg .e-dlg-header-content {

  background-color: aqua;

}

We have also provided a sample code that demonstrates how to apply custom styles to the Dialog component. You can find it at the following link:

Sample: https://stackblitz.com/edit/angular-smg7fs-6jurjj?file=src%2Fapp.component.css

Regards,

Vinitha