Qlik Community

New to Qlik Sense

If you’re new to Qlik Sense, start with this Discussion Board and get up-to-speed quickly.

Announcements
Customer & Partners, DEC. 9, 11 AM ET: Qlik Product & Strategy Roadmap Session: Data Analytics REGISTER NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
Aleesha_Sharma
Contributor
Contributor

Container formatting using CSS

Hi,

I am new to Qlik Sense and currently using the cloud version. I have a container in my report which I need to edit using CSS. It has three tabs each containing multiple KPIs, I need to format these KPI's (margin,border,color and font size) using CSS. I tried using the following code but it only seems to edit the overall container properties:

.qs-container .qsc-item-wrapper, .qs-container .qsc-tab-row {

background-color: #02164f;
font-family: 'Segoe UI Bold';
font color :#ef7124;
color: orange;


}

Could anyone help and resolve the same ?

Labels (2)
2 Solutions

Accepted Solutions
Dalton_Ruer
Employee
Employee

I believe each object type (Bar Chart, KPI, Line Chart etc) would need to have it's own custom CSS styling. 

View solution in original post

Patricia_Silva
Support
Support

Hello Aleesha_Sharma, did you have a look here: https://help.qlik.com/en-US/sense-developer/June2020/Subsystems/Extensions/Content/Sense_Extensions/... it might help you to achieve what you need. Hope it helps!

Help users find answers! Don't forget to mark a correct resolution 🙂

View solution in original post

3 Replies
Dalton_Ruer
Employee
Employee

I believe each object type (Bar Chart, KPI, Line Chart etc) would need to have it's own custom CSS styling. 

View solution in original post

Aleesha_Sharma
Contributor
Contributor
Author

Hi Dalton,

Thank you for the help. For containers is it possible to change the tab labels' color using CSS?
For example is it possible to change the below labels to orange instead of grey ?

Aleesha_Sharma_0-1619500900748.png

Your help will be much appreciated.

 

Patricia_Silva
Support
Support

Hello Aleesha_Sharma, did you have a look here: https://help.qlik.com/en-US/sense-developer/June2020/Subsystems/Extensions/Content/Sense_Extensions/... it might help you to achieve what you need. Hope it helps!

Help users find answers! Don't forget to mark a correct resolution 🙂

View solution in original post