How to change standard icon fonts from WebSDK to font-awesome

Forum
, ,
1

Hello C8Y-Community,

our customer has a request for getting icons from their branding into our app. The app is built with the standard webSDK of c8y. We now want to change to icons (I think it’s called delite) to font-awesome icons.

What would be the steps to do this?

Greetings and thanks in advance!

2

Hi @Lorn_Kjewlsvar,

there is an npm package @fortawesome/angular-fontawesome that should work for using the font-awesome icons.

Regards,
Tristan

3

Hi Tristan,

Thanks for your reply. Can I replace standard icons in the navigation menu on the left side with it too?

Or the icon to collapse the navigation menu in the header where the c8y-title is located?

Regards

4

Hi @Lorn_Kjewlsvar,

I might have misunderstood your requirements.
You can use the above library to use font-awesome icons in your custom developed components.

Replacing the icons in general should also be doable by adjusting stylesheets, but this will probably cause you quite a bit of effort and is nothing we support.

Regards,
Tristan

1 Like
5

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.