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.
Unfortunately, activation email could not send to your email. Please try again.

Ribbon icons not being displayed using Aurelia Cli

Thread ID:

Created:

Updated:

Platform:

Replies:

132575 Sep 9,2017 05:39 PM Sep 11,2017 05:35 AM JavaScript 1
loading
Tags: ejRibbon
dan
Asked On September 9, 2017 05:39 PM

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

Ashokkumar Balasubramanian [Syncfusion]
Replied On September 11, 2017 05:35 AM

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. 
 
[Script] 
 
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. 
 
Regards, 
Ashokkumar B. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;