Tema LuckyTemplates: Cum să simulați tematica dinamică

Pentru postarea de astăzi pe blog, vreau să vorbesc despre o tehnică pe care o putem folosi pentru a simula tematica dinamică într-un raport LuckyTemplates . Am avut recent câteva postări pe forumul de asistență LuckyTemplates în care se întrebau cum să schimbați tema unui raport LuckyTemplates în mod dinamic. Într-un caz, utilizatorul a căutat ca o singură pagină de conținut să reflecte tema mai multor departamente sau categorii. Puteți viziona videoclipul complet al acestui tutorial în partea de jos a acestui blog.

Din mai 2021, doar un singur fișier JSON cu temă poate fi utilizat într-un raport LuckyTemplates și o pagină poate avea un singur fundal. Acesta este motivul pentru care este nevoie de o altă tehnică pentru a atinge scopul declarat.

M-am gândit să folosesc marcaje (în loc de navigare în pagină) și imagini (în loc de fundaluri ale paginii) pentru a simula o temă dinamică și am decis să o încerc.

Iată ce am venit până acum. Aceasta este o pagină de pornire care are patru butoane pe ea.

Există câte unul pentru fiecare categorie de expediere. Dacă treceți cu mouse-ul peste fiecare categorie, puteți vedea că comportamentul de trecere cu mouse-ul își schimbă transparența.

Dacă dau clic pe butonul Air, mă va duce la o pagină de categorie care are aceeași temă (avion ca fundal) ca cea a butonului Air.

Dacă dau clic pe butonul Sea, se va ajunge la pagina categorie Sea cu aceeași temă (navă cu cargo ca fundal).

Din nou, dacă dau clic pe celălalt buton pentru Feroviar, aceasta afișează o altă temă (caia ferată ca fundal).

Puteți vedea că sunt doar două pagini implicate în acest raport. Pentru a construi soluția, am început cu un PBIX gol, apoi am adăugat un mic set de date de expediere bazat pe cel pe care l-am folosit în recenta .

Cuprins

• Configurarea raportului LuckyTemplates
• Crearea măsurilor de afișare
• Crearea unui buton de pornire
• Realizarea unei tăietoare pentru categorii
• Adăugarea titlului
• Crearea și formatarea tabelului
• Realizarea paginii de pornire
• Concluzie

Configurarea raportului LuckyTemplates

Apoi am căutat online și am găsit câteva imagini care reprezentau diferitele moduri sau categorii de expediere. Apoi am urmat-o prin generarea unei teme de culoare de bază folosind generatorul de teme de culoare din LuckyTemplates Analyst Hub.

Am ales albastru închis mediu ca punct de plecare, apoi am folosit funcția de ventilator de culori pentru a genera o temă cu șase culori, pe care apoi am folosit-o pentru a personaliza tema acestui raport LuckyTemplates.

În cele din urmă, am dezvoltat câteva măsuri DAX pentru a returna textul și culoarea de fundal sau font folosind temele dorite. Să aruncăm o privire rapidă.

Vom deschide Măsurile cheie , apoi vom trece prin folderul Măsuri de culoare . Tema Color 6 este doar un cod hexadecimal pentru una dintre temele mele, în timp ce Tema Color 5 este culoarea mea de început albastru mediu.

Crearea măsurilor de afișare

Apoi vom merge la Măsuri de afișare și apoi facem clic pe măsura Textul titlului tabelului .

Aceasta are o valoare care este determinată de categoria curentă și creată folosind o instrucțiune .

Dacă ne uităm la măsura Culoarea fundalului fontului titlului tabelului , aceasta folosește exact aceeași instrucțiune SWITCH TRUE în funcție de categorie; dar de data aceasta, returnează o măsură a temei de culoare.

Am o măsură similară pentru culoarea fontului, numită Table Title Font Color , care returnează un negru mai larg care contrastează bine cu culoarea temei.

Și, în sfârșit, am o măsură de culoare de fundal a tabelului , care este o copie a măsurării mele de culoare de fundal a fontului titlului tabelului, dar cu un nume diferit pentru a fi mai ușor de configurat.

Avem, de asemenea, un mic tabel în partea de jos, astfel încât să putem vedea care sunt rezultatele acestor măsuri.

Asta e pentru configurare. Acum să construim împreună soluția și să începem cu o pagină de pornire , astfel încât să avem ceva la care să navigăm.

Crearea unui buton de pornire

Vom crea o pagină Content 2 și vom adăuga o imagine pentru Acasă .

Aduceți imaginea într-un colț, faceți-o puțin mai mică și setați-i acțiunea pentru a naviga la pagina de pornire.

Realizarea unei tăietoare pentru categorii

Apoi vom adăuga un slicer pentru categorii și vom face slicer-ul să selecteze singur .

Adăugarea titlului

Următorul pas este să adăugați o casetă de text în colțul din stânga sus pentru titlu. Să-i spunem ABC Transportation și să adăugăm o măsură categoriei noastre.

Titlul se schimbă atunci când facem selecții diferite pe slicer. De asemenea, putem schimba culoarea și dimensiunea fontului.

Următorul lucru de făcut este să adăugați o imagine pentru fiecare categorie. Să adăugăm prima imagine pentru transportul aerian. Îl vom seta la dimensiunea 1280 și 720 pentru dimensiunea completă. Vom numi acest lucru în panoul de selecție.

Crearea și formatarea tabelului

Vom face aceiași pași pentru imaginile suplimentare și apoi vom adăuga un tabel. Să adăugăm un nou tabel la acest tabel. O vom pune în categorie pentru a putea vedea din tabelul nostru de expedieri, precum și țara de origine și țara de destinație. Din categoria noastră de măsuri cheie, vom adăuga și măsurile pe care le-am calculat deja.

Următorul lucru de făcut este să formatați tabelul. Vom seta mai întâi textul titlului la măsura pe care am calculat-o deja.

Odată ce facem clic pe slicer, putem vedea că titlul tabelului se modifică în funcție de selecția pe care o facem pe slicer.

De asemenea, putem schimba culoarea fontului tabelului, fundalul tabelului și transparența.

Următorul pas este să adăugați un marcaj pentru fiecare imagine.

Realizarea paginii de pornire

Asta e pentru pagina de conținut. Să trecem la pagina de pornire. Pentru a începe, vom adăuga un buton gol aici.

Vom opri conturul și îl vom mări la 400 și 250.

Apoi vom completa o imagine pentru acest buton.

Vom seta imaginea potrivită pentru a se potrivi și transparența la 0% pentru On hover , astfel încât să putem vedea că butonul devine transparent atunci când nu este selectat.

Următorul lucru de făcut este să adăugați o acțiune de marcaj în el. Activați butonul glisor Acțiune și schimbați-l în Marcaj. Selectați pagina Air 2.

Următorul pas este să setați titlul. O putem transforma într-o culoare transparentă, astfel încât să nu o putem vedea.

Vom face acest lucru de încă trei ori prin copierea și lipirea imaginii. Apoi le vom ajusta pentru a reprezenta fiecare categorie.

Pentru al doilea buton, vom schimba umplerea de la transport aerian la transport maritim .

Apoi modificați imaginea potrivită pentru a se potrivi și schimbați numele. Vom schimba apoi această culoare de fundal cu o altă temă.

Pentru al treilea buton, vom schimba umplerea de la transport aerian la transport rutier .

Din nou, vom schimba imaginea Fit pentru a se potrivi și vom schimba culoarea de fundal a titlului.

Și pentru butonul final, vom schimba umplerea de la transport aerian la transport feroviar .

Și din nou, trebuie să setăm imaginea potrivită pentru a se potrivi și să schimbăm culoarea fundalului la o altă temă.

Pe pagina butonului aer, am avut acțiunea selectată ca Bookmark Air 2. Pentru celelalte trei butoane, trebuie să schimbăm acțiunea selectată. De exemplu, pe pagina butonului sea, trebuie să o marcam la Bookmark Sea 2.

Concluzie

Deci acum avem soluția noastră nou construită. Când apăsăm control și facem clic pe pagina de pornire, suntem direcționați către pagina de conținut 2 unde este afișată imaginea corespunzătoare, pe tot ecranul, a fundalului pentru categoria selectată. Putem folosi butonul de pornire pentru a naviga înapoi la pagina principală 2.

Începând cu mai 2021 , versiunea actuală a desktopului LuckyTemplates permite setarea următoarelor proprietăți pentru tabel:

Proprietățile rămase nu pot fi setate programatic în acest moment. Dar, dacă este necesar, se poate folosi o soluție folosind mai multe imagini de tabel , câte una pentru fiecare categorie și apoi se poate ajusta proprietățile și vizibilitatea produsului în mod individual, după cum doriți.

Acest lucru poate fi puțin mai complicat, dar este posibilă o flexibilitate suplimentară. Experiența arată că proprietățile suplimentare vor deveni personalizabile în versiunile viitoare ale desktopului LuckyTemplates.

Sperăm că echipa LuckyTemplates va adăuga posibilitatea de a folosi mai multe teme într-un raport. Dar pentru moment, iată o tehnică care vă permite să simulați diferite teme.

Vă mulțumim pentru vizionare și vă doresc toate cele bune în călătoria dvs. LuckyTemplates.

Greg