Missing Icons

Question

As you can see in the screen grab below, I'm missing icons in both the grid and pager.

This is an asp.net core app using the angular cli. In the styles.css file (ClientApp\src) i'm importing

@import '../node_modules/@syncfusion/ej2-grids/styles/bootstrap.css';

I've also tried

@import '../node_modules/@syncfusion/ej2-angular-grids/styles/bootstrap.css';

It looks like it's having trouble with the fonts used by the icons. There's also an issue with the Items Per Page dropdown.

I've used both the .net app and iis express to serve it. I don't get any console errors in the browser.

Mohammed Farook J · Answer

Hi Kelly, 
 
Thanks for contacting Syncfusion support. 
 
 
Please include the following CSS reference include in your style.css for resolved the issue. 
 




 
@import '../node_modules/@syncfusion/ej2-base/styles/bootstrap.css'; 
@import '../node_modules/@syncfusion/ej2-angular-grids/styles/bootstrap.css'; 
 
 
 
 
 
Regards, 
J Mohammed Farook

Kelly Harrison · Answer

Thanks!That fixes the icons issue.  However, the Items Per Page dropdown is still messed up:

AJ · Answer

Thanks Kelly for pointing out this, I couldnt find a workaround for it, and thanks  for syncfusion the solution.

Mohammed Farook J · Answer

Hi Kelly,  
 
Please include the following style reference also. 
 




 
@import '../node_modules/@syncfusion/ej2-base/styles/bootstrap.css';  
@import '../node_modules/@syncfusion/ej2-inputs/styles/bootstrap.css';  
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/bootstrap.css';  
@import '../node_modules/@syncfusion/ej2-angular-grids/styles/bootstrap.css';  
 
 
 
 
 
Note:  we need to include the subcomponent CSS when using grid.css alone 
 
Or  use the following style reference in your index.html 
 




 
<link href="https://cdn.syncfusion.com/ej2/bootstrap.css" rel="stylesheet" rel="stylesheet" /> 
 
 
 
 
Regards, 
J Mohammed Farook

Kelly Harrison · Answer

That did it - thanks for the help!

Mohammed Farook J · Answer

Hi Kelly,   
 
Thanks for your update. 
 
We are happy to hear that the provided solution has been resolved your problem. 
 
Please get back to us if you need further assistance. 
 
Regards, 
J Mohammed Farook