Tematică personalizată în LuckyTemplates

Pentru postarea de astăzi, voi face o trecere în revistă rapidă a personalizărilor pe care le puteți face prin editarea și aplicarea directă a unui fișier cu temă JSON. Aceasta nu este de fapt o descriere a ceea ce se poate face în cadrul LuckyTemplates în sine, ci mai degrabă ca un exemplu a ceea ce poate fi realizat în afara LuckyTemplates atunci când faceți tematică personalizată. Puteți viziona videoclipul complet al acestui tutorial în partea de jos a acestui blog.

Acest subiect nu este destinat consumatorilor de rapoarte LuckyTemplates sau dezvoltatorilor ocazionali LuckyTemplates, ci mai degrabă celor familiarizați și familiarizați cu editarea și crearea directă a codurilor JSON.

Pentru a implementa tematică personalizată, trebuie să vă simțiți confortabil cu sintaxa și structura fișierelor JSON, precum și cu instrumentele mediului de dezvoltare. Voi folosi codul Visual Studio pentru a dezvolta fișiere cu teme JSON.

Să aruncăm o privire la personalizările disponibile care sunt deja încorporate în aplicația desktop LuckyTemplates. În primul rând, avem nevoie de o pânză pentru a ne prezenta munca. Am folosit setul de date de practică LuckyTemplates, care este un set de date de vânzări simplu în care imaginile pot fi construite cu ușurință. Un fișier demonstrativ PBIX este o singură pagină de raport, iar dimensiunile personalizate de 1600 x 900 au fost folosite pentru a oferi puțin mai mult spațiu decât raportul standard de 1280 x 720.

Cuprins

• Utilizarea temei implicite
• O revizuire rapidă a elementelor de bază JSON pentru tematică personalizată
• Schimbarea fundalului pentru tematică personalizată
• Schimbarea fundalului textului titlului
• Adăugarea de umbre la imagini
• Adăugarea textului titlului
• Alte lucruri de reținut în tematica personalizată
• Concluzie

Utilizarea temei implicite

Să aruncăm o privire la tema noastră implicită aici. Dacă căutăm teme și aplicăm tema implicită...

… putem vedea că folosește doar culorile standard albastru, portocaliu și violet.

Și dacă selectez tema Text alb pe fundal întunecat ...

… aceasta este tema pe care o vom vedea.

O revizuire rapidă a elementelor de bază JSON pentru tematică personalizată

Aceasta nu este cu siguranță o revizuire cuprinzătoare despre cum să dezvoltați un fișier JSON pentru LuckyTemplates, ci mai degrabă câteva comentarii rapide despre fișierele JSON.

JSON înseamnă JavaScript Object Notation ; acesta este un format de text clar pentru fișierele de date, constând din obiecte imbricate sau blocuri de cod. Fiecare dintre acestea are propria sa colecție de perechi nume-valoare.

Colonele sunt folosite pentru a separa perechile nume-valoare. Bretele sunt folosite pentru a înconjura un obiect. Elementele listei sunt separate prin virgule și listele pot fi șterse. O listă poate fi și o matrice, care, în acest caz, este înconjurată de paranteze drepte.

Un fișier LuckyTemplates JSON constă de obicei din trei secțiuni principale: nume , culori și elemente vizuale . Secțiunea de nume este de fapt singura secțiune necesară și, după cum puteți vedea, aici vom începe investigația astăzi.

Să aplicăm acest fișier temă, răsfoind teme.

Vom alege tema implicită. Veți vedea că sunt folosite culorile implicite.

Să mergem la secțiunea bloc de cod și să copiem setul de culori alternative.

Îl putem lipi în fișierul nostru temă JSON adăugând o virgulă după blocul de nume și apoi lipind codul.

Vom salva fișierul cu tema JSON, vom reveni la LuckyTemplates și vom aplica tema scratch.

Acum, putem vedea că culorile s-au schimbat.

Secțiunea vizuală este de departe cea mai mare și aici ne facem restul muncii. Puteți schimba cu ușurință textul, inclusiv fontul, dimensiunea familiei și culoarea.

Să mergem la bloc-notes pentru a copia blocul de cod pentru clasele noastre de text și fonturile setate la diferite dimensiuni.

Apoi vom trece la Visual Studio Code, vom adăuga o coloană pentru separarea codurilor și apoi vom lipi codul.

Încă o dată, vom salva fișierul nostru cu tema. Apoi vom reveni la LuckyTemplates și vom aplica fișierele teme. Putem vedea că toate textele au devenit acum albastre.

Unul dintre lucrurile pe care le putem face cu ușurință este să schimbăm culoarea textului. Să revenim la fișierul JSON din nou, să selectăm culoarea albastră și să o înlocuim cu roșu.

Să salvăm asta din nou, să revenim la LuckyTemplates și să importam încă o dată fișierul cu tema JSON. Acum, putem vedea că toate textele s-au schimbat în roșu.

Schimbarea fundalului pentru tematică personalizată

Acum să ne uităm la fundalul paginii și să o setăm la a doua cea mai închisă culoare din paleta noastră. Vom trece la Notepad++, vom lua blocul de cod de fundal al paginii și îl vom copia.

Și apoi vom merge la Visual Studio Code și vom lipi codul acolo.

Apoi accesați LuckyTemplates și încă o dată, aplicați tema scratch pentru a vedea noul fundal.

Schimbarea fundalului textului titlului

Să finalizăm demonstrația schimbând fundalul textului titlului în cea mai închisă culoare a temei și culoarea textului în alb. După cum puteți vedea, nu mi-am dat seama care este sintaxa adecvată pentru setarea stilului tabelului și matricei prin fișierul temă JSON. Așa că am folosit interfața pentru a schimba stilul ambelor elemente vizuale la niciunul .

Să revenim la Notepad++ pentru a copia blocul de cod JSON pentru fundalul titlului nostru.

Și apoi trecem la Visual Studio Code pentru a lipi codul acolo.

Din nou, ne vom salva tema, vom reveni la LuckyTemplates și vom aplica tema încă o dată.

Adăugarea de umbre la imagini

De asemenea, am câteva mici demonstrații independente care prezintă câteva opțiuni de teme. Să ne resetam tema înapoi la opțiunea implicită. Dacă dorim să adăugăm umbre tuturor elementelor vizuale, putem folosi sintaxa visualStyles și dropShadow.

Dacă trecem la LuckyTemplates și aplicăm acel fișier temă, veți vedea că toate imaginile noastre au umbre.

Adăugarea textului titlului

Dacă vrem să ne asigurăm că toate elementele noastre vizuale au text de titlu, putem adăuga un text de titlu substituent folosind stilurile vizuale, titlul, afișarea și sintaxa textului din Visual Studio Code.

Dacă trecem la LuckyTemplates și aplicăm acel fișier temă, vom observa că doar unul dintre imaginile noastre s-a schimbat, deoarece toate celelalte sunt deja modificate cu titluri.

Dacă trebuie să mergem la o pagină nouă, să creăm un nou tabel și să aducem canalele și măsurile pe care le dorim, avem textul de titlu implicit.

Un alt lucru pe care îl putem face este să afectăm modul în care imaginile noi se scalează la containerul lor. Dacă resetăm la tema implicită și inserăm o imagine, vom vedea că își menține raportul de aspect.

Dacă dorim să folosim un fișier temă pentru a seta scalarea imaginii, putem folosi sintaxa visualStyles, image, imageScaling și image ScalingType.

Dacă trecem la LuckyTemplates și adăugăm acea temă, vom vedea că raportul de aspect poate fi acum modificat pentru vizualul existent.

Și dacă adăugăm imagini noi, putem vedea din nou că scalarea este acum setată să se potrivească.

Alte lucruri de reținut în tematica personalizată

Setarea de transparență a fundalului paginii din fișierul JSON nu pare să fie luată în considerare, așa că am folosit interfața pentru a seta nivelul de transparență a fundalului paginii la 0 înainte de începerea demonstrației.

Setările pentru stilul tabelului și matricei nu par să fie luate în considerare. Așa că am folosit interfața pentru a seta stilul de tabel și matrice la niciunul.

Ordinea pare să fie importantă în fișierele cu teme JSON, așa că dacă descoperiți că o anumită setare nu este luată în considerare, încercați să reordonați setarea de interes mai sus sau mai devreme în cod.

Este posibil ca elementele vizuale existente să nu răspundă pe deplin la fișierele de temă, mai ales dacă au fost deja aplicate setări de format.

Crearea temelor, siglelor companiei, pictogramelor și fundalurilor
Cum să selectați tema de culoare LuckyTemplates pentru rapoartele dvs.
Cum să creați o paletă de culori convingătoare LuckyTemplates

Concluzie

Dacă sunteți un neofit relativ în codarea JSON, în special în LuckyTemplates, vă rugăm să luați toate exemplele pe care le-am folosit cu un grăunte de sare. Mă aștept ca cei mai experimentați și familiarizați cu codarea temelor JSON din LuckyTemplates să producă un cod mult mai bun și mai lizibil.

În cele din urmă, am vrut doar să împărtășesc câteva dintre experiențele mele inițiale și să prezint câteva dintre personalizările pe care le-am găsit în tematica personalizată. Există o multitudine de setări disponibile pentru tematică LuckyTemplates JSON, iar cei care sunt dispuși să investească timp și efort pentru a cerceta resursele online disponibile pot dezvolta în mod iterativ fișiere cu teme utile.

Un punct de plecare excelent este fila de proprietăți a generatorului de teme avansat al PowerBI.tips, unde puteți folosi interfața lor de utilizare pentru a genera fișiere de teme JSON pentru toate tipurile vizuale sau pentru anumite tipuri. Sperăm că puteți adăuga codare personalizată a temei JSON în caseta de instrumente LuckyTemplates și vă poate ajuta atât la standardizarea rapoartelor, cât și la economisirea de muncă în viitor.

Greg