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
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.
Ebből a blogból megtudhatja, hogyan mentheti automatikusan az e-mail mellékleteket a SharePointba, majd törölheti az e-maileket a Power Automate segítségével.
A Microsoft LuckyTemplates irányítópult 18 legjobb példája 2023
Ismerje meg, hogyan hozhat létre <strong>Power Automate</strong> folyamatokat a semmiből. Sablon használata helyett mi magunk hozzuk létre a kiváltó okokat és a műveleteket.
4 módszer a Pi használatára a Pythonban példákkal
Ebben az útmutatóban bemutatom, hogyan lehet Pénzügyi információk mátrixát létrehozni a Profit és veszteség (P&L) kimutatással a LuckyTemplates alkalmazásban.
Fedezze fel, hogyan lehet dinamikusan egyesíteni oszlopokat a Power Query Table.CombineColumns függvény segítségével.
Ismerje meg, hogyan adhatjuk hozzá és szinkronizálhatjuk SharePoint-fájljainkat az asztalon és a OneDrive-on.
Tudja meg, miért fontos egy dedikált dátumtáblázat a LuckyTemplatesben, és ismerje meg ennek leggyorsabb és leghatékonyabb módját.
Ez a rövid oktatóanyag kiemeli a LuckyTemplates mobil jelentési funkcióját. Megmutatom, hogyan készíthet hatékony jelentéseket mobileszközökön.
Ebben a LuckyTemplates bemutatóban olyan jelentéseket tekintünk át, amelyek professzionális szolgáltatáselemzést mutatnak be egy olyan cégtől, amely több szerződéssel és ügyfél-elkötelezettséggel rendelkezik.
