Unable to get the images from sprite to correctly show up in the navigation list

[Ron]

I have been working on the 'getting started' tutorial of the NavigationDrawer, available at https://help.syncfusion.com/js/navigationdrawer/getting-started.

The issue is that, the sprite images are not showing up correctly when using 'data-ej-imageclass'. But, when using individual images instead of sprite, it is working as expected.

This is how the Navigation Drawer looks like, with the sprite sheet.

[Narayanasamy Panneer Selvam]

Hi Ron,   

   

Thanks for contacting Syncfusion Support.   

   

We have checked your query and we could reproduce your issue, while creating sample as per our documentation. We have considered your feedback and will change our online documentation and will let you know the changes. Until then, please use the sample that we have prepared for you. In this sample, we have modified the image position as expected. Please View Code changes in the sample.   

Sample link: http://jsplayground.syncfusion.com/k5hcj23y      

   

Regards,   

Narayanasamy P.   

[Ron]

Hi Ron,   

   

Thanks for contacting Syncfusion Support.   

   

We have checked your query and we could reproduce your issue, while creating sample as per our documentation. We have considered your feedback and will change our online documentation and will let you know the changes. Until then, please use the sample that we have prepared for you. In this sample, we have modified the image position as expected. Please View Code changes in the sample.   

Sample link: http://jsplayground.syncfusion.com/k5hcj23y      

   

Regards,   

Narayanasamy P.   

Thank you. Issue solved.

[Narayanasamy Panneer Selvam]

Hi Ron,

Thanks for your update. 

We are glad to hear that your issue has resolved. Please let us know if you need further assistance.

Regards, 

Narayanasamy P.