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

,
1

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?

2

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,
Felix

1 Like
3

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