the icons in the toolbar are not showing

[Vaiker]

Hi there,

I've started a new project and i wanted to use the scheduler but the icons are not showing.

these libs are being added in the head:

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

<script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>

at the end of the body:

<ejs-scripts></ejs-scripts>

and this is the scheduler element:

<ejs-schedule id="scheduleXXX" height="650px" selectedDate="new DateTime(DateTime.Today.Year, 1, 10)">
    <e-schedule-eventsettings ></e-schedule-eventsettings>
</ejs-schedule>

best regards,

Karam Ramadan

[Vaiker]

Hi there,

I've tried to download the stylesheets from the theme studio because i though that the CDN files have maybe a bug in them, but it didn't work either. The icons are still not being displayed.

[Satheesh Kumar Balasubramanian]

Hi Karam, 

  

We have prepared sample based on the shared details to reproduce the reported issue. But, icons in the toolbar are rendered in UI properly. 

  

Sample: https://www.syncfusion.com/downloads/support/forum/172259/ze/ScheduleComponent149592251 

  

 

  

Could you please share the below details to reproduce the issue? This will help to validate the issue and provide prompt solution at earliest. 

• Replicate the issue in above sample
• Share issue replicating sample if possible

Regards, 

Satheesh Kumar B 

[Vaiker]

Hallo Satheesh,

i had this in my own icons.css file:

[class*=-icon]{
  
}

that was causing the problem. we used the same naming convention. :-)

I changed the it to .myIcon and it's all good now. Thank you very much for your help.

Regards,

Karam

[Vengatesh Maniraj]

You are most welcome!!!