Egyéni kép a LuckyTemplatesben: Ismerje meg, hogyan vezérelheti a betűtípus tulajdonságait a DAX-ban

Ehhez a blogbejegyzéshez szeretnék ma szánni egy kis időt, és bemutatni Önnek a LuckyTemplates egy olyan egyedi vizualizációját, amelyet elkezdtem használni, és amely sok rugalmasságot és olyan képességeket biztosít, amelyek nem lehetségesek a natív LuckyTemplates vizualizációkon belül. Az oktatóanyag teljes videóját a blog alján tekintheti meg.

Tudom, hogy mostanában sokat beszélünk Denebről, és jó okkal, de ez is sok rugalmasságot biztosít. A kettő együtt használata igen erős párost alkot. Az egyéni vizualizáció, amelyről beszélek, a K Team Solutions HTML- és CSS-megjelenítője .

A közelmúltban megjelent egy cikk arról, hogyan vezérelhető egy DAX-mértéken alapuló kártyavizuális szín és rich text formázási attribútuma. A szín biztosan nem probléma; ez az, amit a LuckyTemplates-en belül nagyon könnyen megtehetünk.

A szövegek attribútumai, például a félkövér és a dőlt betűk DAX-mértékekkel történő vezérlése olyasvalami, amit a natív LuckyTemplates programokkal nem lehet megtenni, de ezzel a HTML CSS-megjelenítővel meglehetősen egyszerű. A vizualizáció segítségével vizuális effektusokat is létrehozhat, és átfogó KPI-kártya megközelítést alakíthat ki.

Nézzük a fórumbejegyzést. Alapvetően a tagnak volt egy egyszerű, mértékre épülő kártyavizuálisa, és meg akarták változtatni a szöveg attribútumait.

Ugorjunk a LuckyTemplates alkalmazásba, hogy újra létrehozzuk ezt a forgatókönyvet. A mértéket a makettkészítéshez használt külső eszköz gyakorlati adatkészlete alapján állítjuk be .

Úgy állítjuk be, hogy ha az éves összértékesítés meghaladja a 40 milliót, akkor félkövér és piros lesz.

És ha ennél kevesebb volt, akkor kék lesz, és nem félkövér.

Tartalomjegyzék

• A HTML CSS Viewer egyéni vizualizációjának letöltése a LuckyTemplates alkalmazásban
• A betűtípus tulajdonságainak módosítása egyéni vizualizációval a LuckyTemplates alkalmazásban
• Az egyéni alkalmazás használata különböző módokon
• Animáció és GIF hozzáadása a jelentéshez
• Következtetés

A HTML CSS Viewer egyéni vizualizációjának letöltése a LuckyTemplates alkalmazásban

Megmutatom, hogyan lehet ezt megtenni. Az első dolog, hogy ténylegesen megkapja a látványt. Nyissa meg az AppSource-t , és írja be a HTML CSS Viewer parancsot.

Ez egy fizetős vizualizáció lesz, és egyelőre ingyenes próbalicencet kaphat a webhelyükről 2022. szeptember végéig. Pár hónapja van, hogy ingyenesen tesztelje.

Miután betöltöttük a LuckyTemplatesbe, láthatjuk a látványpanelen. Állandó látványként rögzíthetjük, ha gyakran használjuk.

A betűtípus tulajdonságainak módosítása egyéni vizualizációval a LuckyTemplates alkalmazásban

Ha megnézzük a szövegmezőt, két fő mértéket használunk itt: egy HTML-mértéket és egy CSS-mértéket. A HTML biztosítja a weboldal általános szerkezetét, míg a CSS a formázást.

Itt van egy HTML-címke, majd az ID=container egy visszahívás a CSS-hez. Ennek lényegi része csupán a cím a szövegdobozban.

És ha a CSS-hez megyünk, akkor a dolgok egy kicsit bonyolultabbá válnak.

Az általam használt általános struktúra a Style 1 változó, majd a Style 2 mint változó.

Ezt egy egyszerű if-állítás követi , amely szerint „ha az összértékesítés meghaladja a 40 milliót, akkor a második stílust használja; ha nem, akkor az 1. stílust használja.” Az egyetlen nehéz emelés, amelyet ennek a két stílusnak a meghatározása végez.

Az egyéni alkalmazás használata különböző módokon

Az alkalmazáshoz egy nagyon részletes jelentés is tartozik, amely bemutatja, hogy sok különböző dolgot tehet ezzel a vizualizációval.

Mint korábban említettem, itt vannak a kártyák, amelyeket megtehet.

A vizualizáció használatakor részletes táblázatokat is létrehozhat.

Létrehozhat szövegdomináns látványt is.

A céloldal opciónál szöveggörgetőt is használhat betűtípus- és háttérbeállításokkal.

Ha végigmegyünk a Changing Text CSS-kódon, az nagyon intuitív. Módosíthatjuk a betűméretet, a betűméretet és a betűszínt.

Ezt bemásolhatjuk a sablonba, majd felhasználhatjuk a második mérték alapjául. Ha visszamegyünk a fájlunkba, megkapjuk a Card Title CSS-t, amely a formázást vezérli.

A kimásolt kódot beillesztettük, hogy megkapjuk a kék színt és a legkönnyebb betűsúlyt az 1. stílushoz. Ezután ugyanaz a betűtípus a 2. stílusban piros színnel és a legnagyobb betűsúllyal a félkövér hatás létrehozásához.

Ezt áttesszük az IF utasításon, és a mérték értékétől függően kiválasztja a stílust. Csak megtesszük ezt a két intézkedést, majd a HTML-t és a CSS-t behelyezzük ezekbe a helyekre.

Ezzel a technikával könnyedén formázhat rich text attribútumokat HTML és CSS használatával.

Animáció és GIF hozzáadása a jelentéshez

Az egyéni betűtípusok használatán kívül lehetőségünk van animációk és GIF-ek használatára is. Kitaláltam egy egyszerű intézkedést, ahol HTML-t használtam az egyéni címhez.

Ezután ezt a CSS-fájlt használtam három stílus létrehozására különböző egyéni betűtípusokkal.

Ezek csak valódi vagy nyílt típusú betűtípusok, amelyeket ingyenesen letöltöttem. A stílus az alapértelmezett, ami azt jelenti, hogy semmi sem lett kiválasztva a szeletelőben.

Ezen kívül van egy GIF-mérésem. Beépítettem három GIF-fájlt, amelyeket feltöltöttem az imgbb webhelyre , majd a közvetlen URL-címeket használtam, és a HTML CSS-vizualizáció mintajelentésében szereplő formátumot használva a HTML-címkébe helyeztem őket.

Ezután egy egyszerű SWITCH TRUE mértéket használtam a megfelelő GIF kiválasztásához. Ha nincs kiválasztva semmi, akkor csak egy üres helyet választ ki.

Így néz ki, ha nincs kiválasztva semmi a szeletelőben.

És aztán ha kiválasztunk a szeletelőben, ezt látjuk.

Ennek az egyéni vizualizációnak a használatával mostantól egyéni betűtípusokat is kiválaszthatunk. Hozzáadhatunk GIF-eket is, majd ezeket a GIF-eket a szeletelők kiválasztásához és a DAX-mértékekhez köthetjük. Ezek dinamikusan változnak a szeletelő választásától függően.

Van azonban egy fontos korlátozás. Amikor közzéteszi ezt a szolgáltatásban, a betűtípust telepíteni kell a helyi gépre, hogy a felhasználó lássa.

Ha a betűtípus telepítve van a helyi gépen, akkor a LuckyTemplates szolgáltatásban való közzétételkor megfelelően megjelenik a HTML-nézegetőn keresztül. Ha a betűtípus nincs betöltve a helyi gépre, akkor visszaáll az alapértelmezett betűtípuscsaládhoz.

Következtetés

A K Team Solutions HTML- és CSS-megjelenítője egy nagyszerű egyéni vizualizáció a LuckyTemplatesben, és testreszabható és érdekes módot kínál a jelentések vizualizációjának módosítására. Határozottan ajánlom, hogy töltse le ezt az alkalmazást, és játsszon vele.

Ezenkívül ne felejtsen el előfizetni a LuckyTemplates TV-csatornára. Rengeteg tartalom jön ki folyamatosan tőlem és egy sor tartalomkészítőtől, mindannyian elkötelezettek a LuckyTemplates és a Power Platform használatának javításáért.

Végül nézze meg a LuckyTemplates webhelyét további forrásokért és további információkért, amelyekhez nagyon könnyen hozzáférhet.