Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Join us in NYC Sept 4th for Qlik's AI Reality Tour! Register Now
cancel
Showing results for 
Search instead for 
Did you mean: 
AnnaKinch
Contributor II
Contributor II

Assign a color to a KPI heading in QlikSense desktop

I have chosen to show a KPI as a diagram (#1 KPI). I can't work out how to change the color of the header. I am hoping  that I can assign a Color in the fx part by code.

Labels (1)
1 Solution

Accepted Solutions
Rodj
Partner - Creator III
Partner - Creator III

Unfortunately there is no way to style the label or Title text in the standard KPI object, you can only change the colour and the (relative) size of the KPI number itself. 

There are a couple of alternatives however, the Multi KPI object included in the Qlik visualisation bundle allows you to choose the label colour, set the background colour etc and might meet your needs. Another method is to create a KPI widget that will allow you to configure colour, size etc as desired. There's a pretty good example for doing this in the online help.

View solution in original post

4 Replies
Rodj
Partner - Creator III
Partner - Creator III

Unfortunately there is no way to style the label or Title text in the standard KPI object, you can only change the colour and the (relative) size of the KPI number itself. 

There are a couple of alternatives however, the Multi KPI object included in the Qlik visualisation bundle allows you to choose the label colour, set the background colour etc and might meet your needs. Another method is to create a KPI widget that will allow you to configure colour, size etc as desired. There's a pretty good example for doing this in the online help.

AnnaKinch
Contributor II
Contributor II
Author

Thank you so much! Perfect 🙂

Rodj
Partner - Creator III
Partner - Creator III

You're most welcome 🙂

jheasley
Creator III
Creator III

you can add this to your html styling:

/*
* this controls the second kpi measure label
*/
.qv-object .sn-kpi-title {
color: #ffffff;
}