Set color for custom icons

[mspoerr]

Hello,

I registered a custom svg icon, which works fine. Now I want to set it's color but this does not work. How must a custom icon look like to get the color attribute working?

Thanks,

/Mathias

[mspoerr]

No ideas?

Thanks,

/Mathias

[aaikepae]

NeXt don't support set color to custom icons.

But there is another way around, in the latest version NeXt support customized font icon. You can use put your icons into a font and register that font to NeXt. Then you can set color to those icons.

Latest version :  http://www.next-ui.com/download/next_0.9.zip

Sample Code : http://jsfiddle.net/nextsupport/23mcp940/

Abu

[mspoerr]

Hi Abu,

for some reason it does not work with Firefox, IE11 and Microsoft Edge. I only got it working with Chrome. Could you please take a look into it?

Thanks,

Mathias

[aaikepae · Accepted solution]

It comes our FF don’t support ’style.addRule’.I did some modification and now it works well with Firefox.

Here is latest build : https://nexus.opendaylight.org/content/repositories/opendaylight.snapshot/org/opendaylight/next/next/0.10.0-SNAPSHOT/next-0.10.0-20160226.225238-2.zip

[mspoerr]

Hi Abu,

thank you again, but for some reason now no custom icons are displayed at all. The map is drawn but without the custom icons. This applies for Crome and FF.

EDIT: I found the problem - I set the wrong color ;(

Thanks,

Mathias