How to Add Angular Material CSS and Customize the Header Bar of Dashboard Using CSS

Product/components used and version/fix level are you on:

Cumulocity Trial Version

Detailed explanation of the problem:

Hello Everyone,
I am using an Application Template of c8ycli, in which I have to install Angular Material, but the CSS of the Material is not applying to my components.

The only way I found is to apply it from c8y modules which are present under node_modules, Is there any other way I can apply the CSS without going into the node modules

Also, I want to apply CSS to the Header of the Dashboard, but that too I need to apply from styles of c8y modules present under node_modules.

Is there any other way I can apply my css without going to node_modules?

Error messages / full error message screenshot / log fileL

Is your question related to the free trial, or to a production (customer) instance?

Have you installed all the latest fixes for the products and systems you are using?

Hi Ashwin,
in the c8ycli tutorial application you can find an example how to add your own LESS elements to an application. You need to add a “brandingEntry” to the package.json with the path to your .less file.

Hope this helps,

1 Like

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