https://miniscope.org/index.php?action=history&feed=atom&title=Template%3AUI%2Fkpi_card 2026-05-03T15:49:07Z Revision history for this page on the wiki MediaWiki 1.44.5 https://miniscope.org/index.php?title=Template:UI/kpi_card&diff=849&oldid=prev 2026-05-02T20:08:13Z

<p>SchemaSync: sync from repo @ cef7b4698b6a7bf05768b7fe97b5c01c55c4b039</p> <p><b>New page</b></p><div>&lt;noinclude&gt;<br /> Renders one KPI card for a dashboard summary strip — a big number on top, a small uppercased label underneath, in a subtly-bordered card.<br /> <br /> Pass &lt;code&gt;link&lt;/code&gt; to make the entire card a clickable link to a wiki page; without &lt;code&gt;link&lt;/code&gt; the card is a static display element.<br /> <br /> All styling lives in [[MediaWiki:Common.css]] under &lt;code&gt;.wiki-kpi-card&lt;/code&gt; (and the &lt;code&gt;.wiki-kpi-card-link&lt;/code&gt; modifier when linkable, plus its &lt;code&gt;.wiki-kpi-card-value&lt;/code&gt; / &lt;code&gt;.wiki-kpi-card-label&lt;/code&gt; children) — change there to update every KPI card across the wiki. This template is just structure.<br /> <br /> Designed to live inside a flexbox container so multiple cards lay out side-by-side and wrap on narrow screens. Wrap your row of cards in:<br /> <br /> &lt;div class=&quot;wiki-kpi-card-row&quot;&gt;<br /> {{UI/kpi_card | label=... | value=...}}<br /> {{UI/kpi_card | label=... | value=... | link=Some Page}}<br /> &lt;/div&gt;<br /> <br /> Parameters:<br /> * &lt;code&gt;label&lt;/code&gt; — short descriptor below the number, rendered uppercase via CSS<br /> * &lt;code&gt;value&lt;/code&gt; — the number/value displayed prominently. Typically a &lt;code&gt;{{#ask: ... |format=count}}&lt;/code&gt; or &lt;code&gt;{{#expr: ...}}&lt;/code&gt;.<br /> * &lt;code&gt;link&lt;/code&gt; — wiki page name. When set, the entire card becomes a clickable wikilink to that page; when omitted the card is a non-interactive &lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt;. Implemented as &lt;code&gt;[[link|&amp;lt;div class=&quot;wiki-kpi-card wiki-kpi-card-link&quot;&amp;gt;…&amp;lt;/div&amp;gt;]]&lt;/code&gt; so MediaWiki produces the anchor (raw &lt;code&gt;&amp;lt;a&amp;gt;&lt;/code&gt; isn&#039;t on the default HTML allowlist and would render as escaped text).<br /> &lt;/noinclude&gt;&lt;includeonly&gt;{{#if: {{{link|}}}<br /> | [[{{{link}}}|&lt;div class=&quot;wiki-kpi-card wiki-kpi-card-link&quot;&gt;&lt;div class=&quot;wiki-kpi-card-value&quot;&gt;{{{value|—}}}&lt;/div&gt;&lt;div class=&quot;wiki-kpi-card-label&quot;&gt;{{{label|}}}&lt;/div&gt;&lt;/div&gt;]]<br /> | &lt;div class=&quot;wiki-kpi-card&quot;&gt;&lt;div class=&quot;wiki-kpi-card-value&quot;&gt;{{{value|—}}}&lt;/div&gt;&lt;div class=&quot;wiki-kpi-card-label&quot;&gt;{{{label|}}}&lt;/div&gt;&lt;/div&gt;<br /> }}&lt;/includeonly&gt;</div>

DAharoni