We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Ribbon icons not being displayed using Aurelia Cli

In the template where I am creating the ribbon I have included <require from="syncfusion-javascript/Content/ej/web/ribbon-css/ej.icons.css"></require>

I have also set prefixIcon: "e-icon e-ribbon e-ribbonpaste" but the icon is still not showing up.

I have also tried per docs to set prefixIcon: "e-ribbon e-ribbonpaste" without the e-icon class.

Attached is an example project.

Thank you.

Attachment: client2_cab738d3.7z

1 Reply

AB Ashokkumar Balasubramanian Syncfusion Team September 11, 2017 09:35 AM UTC

Hi Dan, 
The reported problem is due to not adding the “e-icon” class to the split button element. So, we request to add the “e-icon” class to corresponding element to resolve this issue. Please check the below code block. 
splitButtonSettings: { 
                  contentType: ej.ContentType.ImageOnly, 
                  targetID: "split", 
                  buttonMode: "dropdown", 
                  arrowPosition: "bottom", 
                  prefixIcon: "e-icon e-ribbon e-ribbonpaste", 
The above details are not proper in documentation, so we will correct it as soon as possible.   
Please let us know, if the provided information’s are helpful to achieve your requirement or not. 
Ashokkumar B. 

Live Chat Icon For mobile
Up arrow icon