https://community.qlik.com/t5/Member-Articles/KPI-Cards-on-a-Dashboard-What-Types-Exist/ta-p/2543950 <P class="font-claude-response-body break-words whitespace-normal leading-[1.7]">At first glance, a KPI is just a number on a dashboard. But depending on the task, cards can vary significantly in structure. I'd highlight several groups:</P> <OL class="[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-decimal flex flex-col gap-1 pl-8 mb-3"> <LI class="whitespace-normal break-words pl-2"><STRONG>Single</STRONG>&nbsp; one number</LI> <LI class="whitespace-normal break-words pl-2"><STRONG>Monitoring</STRONG>&nbsp; number + delta + trend</LI> <LI class="whitespace-normal break-words pl-2"><STRONG>Multi-metric</STRONG>&nbsp; one main metric with several related ones in a single card</LI> <LI class="whitespace-normal break-words pl-2"><STRONG>Threshold</STRONG>&nbsp; a value alongside its target</LI> <LI class="whitespace-normal break-words pl-2"><STRONG>Progress</STRONG>&nbsp; visual % of completion</LI> <LI class="whitespace-normal break-words pl-2"><STRONG>Comparative</STRONG>&nbsp; plan vs fact, segment A vs segment B</LI> <LI class="whitespace-normal break-words pl-2"><STRONG>Status</STRONG>&nbsp; where the color matters more than the number itself 🟢🟡<span class="lia-unicode-emoji" title=":red_circle:">🔴</span></LI> </OL> <P class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Today I want to focus on <STRONG>monitoring KPIs</STRONG>&nbsp; where you can immediately see not just the current value, but also the dynamic: delta to the previous period and a trend line.</P> <P class="font-claude-response-body break-words whitespace-normal leading-[1.7]">In Qlik Sense, I build these cards using an <STRONG>HTML Box</STRONG>. It's not a separate widget&nbsp; it's a string expression where HTML is assembled via <CODE class="bg-text-200/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]">&amp;</CODE> concatenation, and Qlik calculations are embedded directly inside the string:</P> <DIV class="relative group/copy bg-bg-000/50 border-0.5 border-border-400 rounded-lg"> <DIV class="overflow-x-auto"> <PRE class="code-block__code !my-0 !rounded-lg !text-sm !leading-relaxed p-3.5"><CODE><SPAN>='&lt;div style="font-family:Arial; padding:12px;"&gt;' &amp; </SPAN><SPAN> '&lt;div style="font-size:11px; color:#888;"&gt;OPERATIONS COUNT&lt;/div&gt;' &amp; </SPAN><SPAN> '&lt;b style="font-size:28px;"&gt;' &amp; Num(sum(cnt)/1e6, '#.##0,00') &amp; ' M&lt;/b&gt;' &amp; </SPAN><SPAN> '&lt;span style="color:' &amp; If(wow &gt; 0, '#2E8B57', '#B22222') &amp; ';"&gt;' &amp; </SPAN><SPAN> Num(wow, '+##0,0%;-##0,0%') &amp; ' WoW' &amp; </SPAN><SPAN> '&lt;/span&gt;' &amp; </SPAN><SPAN>'&lt;/div&gt;'</SPAN></CODE></PRE> </DIV> </DIV> <P class="font-claude-response-body break-words whitespace-normal leading-[1.7]">The delta color is calculated dynamically with <CODE class="bg-text-200/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]">If()</CODE>construction directly inside the <CODE class="bg-text-200/5 border border-0.5 border-border-300 text-danger-000 whitespace-pre-wrap rounded-[0.4rem] px-1 py-px text-[0.9rem]">style</CODE> attribute. Writing this HTML manually isn't necessary: ChatGPT handles it well, just describe the layout you want.</P> <P class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><STRONG>Pro tip for reuse:</STRONG> use variables and master measures. To create a second KPI with the same design, simply copy the block and replace the master measure and variables using Find &amp; Replace.</P> <P class="font-claude-response-body break-words whitespace-normal leading-[1.7]">The card with a trend line at the bottom is built from three objects inside a <STRONG>Layout Container</STRONG>:</P> <OL class="[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-decimal flex flex-col gap-1 pl-8 mb-3"> <LI class="whitespace-normal break-words pl-2"><STRONG>HTML Box</STRONG>&nbsp;main value and delta</LI> <LI class="whitespace-normal break-words pl-2"><STRONG>Line Chart</STRONG>&nbsp;trend line with no axes or labels</LI> <LI class="whitespace-normal break-words pl-2"><STRONG>Layout Container</STRONG>&nbsp;combines them into a single block</LI> </OL> <P class="font-claude-response-body break-words whitespace-normal leading-[1.7]">The result looks like a fully polished product design using only the built-in tools of Qlik Sense.<BR /><BR /><BR /></P> <P class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><span class="lia-inline-image-display-wrapper lia-image-align-center" image-alt="Снимок экрана 2026-02-28 в 10.36.21.png" style="width: 999px;"><img src="https://community.qlik.com/t5/image/serverpage/image-id/187126i8609754A5E778128/image-size/large?v=v2&amp;px=999" role="button" title="Снимок экрана 2026-02-28 в 10.36.21.png" alt="Снимок экрана 2026-02-28 в 10.36.21.png" /></span></P> <P class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><EM>Dashboard example built in Qlik Sense showing 6 KPI card types: Monitoring (value + delta + trend line), Multi-metric (primary metric with additional metrics), Status (with background color), Comparative (two dimensions side by side), Progress (value + % of target), and Single (standalone number).</EM></P> Sat, 28 Feb 2026 05:44:08 GMT Assel_Dochshanova_Pazylbekova 2026-02-28T05:44:08Z https://community.qlik.com/t5/Member-Articles/KPI-Cards-on-a-Dashboard-What-Types-Exist/ta-p/2543950 <P>If you're building dashboards in Qlik Sense, you've likely wondered how to make KPI cards that show more than just a static number. In this post, I break down the main types of KPI cards by structure, and show step by step how to build a monitoring KPI with delta and trend using a native HTML Box — no extensions required.</P> Sat, 28 Feb 2026 05:44:08 GMT https://community.qlik.com/t5/Member-Articles/KPI-Cards-on-a-Dashboard-What-Types-Exist/ta-p/2543950 Assel_Dochshanova_Pazylbekova 2026-02-28T05:44:08Z