Angular Dialog Close Icon

[Ender Fatih]

Hi , I am using Syncfusion Angular Dialog. Every thing works fine but close icon not seen like the photo below.

What Can be the solution?

Thanks

[Mallesh Ravi Chandran]

Hi Ender , 

Based on the information you have shared, it seems that the style references may not be correctly configured. To resolve this issue, please ensure that you follow the provided guidelines for adding the style references in your project.

       @import '../node_modules/@syncfusion/ej2-base/styles/material.css';

       @import '../node_modules/@syncfusion/ej2-icons/styles/material.css';

Documentation link: https://ej2.syncfusion.com/angular/documentation/dialog/getting-started#adding-css-reference

Alternatively, you can use the CDN link instead of referring to the styles to resolve the issue.

 [index.html ]

<link rel='nofollow' href=https://cdn.syncfusion.com/ej2/22.1.34/material.css rel="stylesheet" />

 

GIF :

Sample : Yvn7ym (forked) - StackBlitz

We have also provided a video GIF and a simple sample for your reference.

Regards, 

Mallesh