Qlik Sense / Qlik Analytics Platform Articles, Projects & Tutorials by Stefan Walther

Create an advanced KPI tile

The goal is to create an advanced KPI tile using the Widget concept.
Star

Now we have learned the basics. Let's use all the concepts together to create an advanced KPI tile.

Goal

The KPI tile should offer the following functionality:

  • The user can add one or more (up to three) measures to be displayed
  • In the first view only the most important KPI will be shown, the user has the possibility to show more KPIs on demand
  • The user should be able to add an explanatory description
  • The user can select the style in the property panel
    • The style also includes an icon displayed next to the KPIs
  • The user should be able to define a URL, which will represent a web-page, containing more details about the KPIs
  • The KPI tile should be fully responsive

Solution

Have a look into the "Drill KPI", part of the sample widgets, delivered with Qlik Sense.

Suggest edits
In this tutorial
General
Table of Contents
Basic Introduction
The widget concept
Widget personas
Widgets vs. Visualization extensions
Styling widgets: Recommendations
Responsive widgets
Actions
Debugging widgets
What makes a widget a good citizen?
Getting Started
The widget editor
Widget organization WIP
Components
Component: sys-info
Tutorial
Prerequisites
The basic concept
Basic data-binding
Custom properties
Working with data WIP
Leonardo UI
AngularJS binding
Actions WIP
Minimalistic KPI tile
Bonus: Containers
Bonus: Advanced KPI tile WIP
Recipes
Table with dynamic label
Show/Hide
FAQ
Widget organization
What's the difference between qWidget & Widget?
On this page
Goal
Solution