How to customize the font size on KPIs and other objects in Qlik Sense

Sonja_Bauernfeind · Jul 5, 2023 5:51:08 AM

Font size in Qlik Sense objects is dynamic, so it can automatically change according to the length of the text and on the space available.

Customization is possible through the creation of custom themes.

Getting started building custom themes

For general information on how to begin with custom themes. In this example, you will create a basic theme extension where we modify the font size and the primary colors.

Basic object styling

Start with the basics. These examples show how to apply basic styling to your Qlik Sense objects using custom themes. All properties referenced in the examples below are described in detail in Custom theme JSON properties.

Extended object styling

Style individual objects. These examples show how to apply extended styling to the individual Qlik Sense chart types using custom themes. All properties referenced in the examples below are described in detail in Custom theme JSON properties.

Example:

In general, it is possible to use a theme to set the label size. Here is an example that shows how the font is kept static in a pie chart.

"pieChart": {  
   "axis": {
      "title": {  
         "fontSize": "8px"
      }  
   },  
   "label": {
      "name": {  
         "color": "black",
         "fontSize": "8px"
      },
      "value": {  
        "color": "black",  
         "fontSize": "8px"
      }  
   }
}