LuckyTemplates-tema: Sådan simulerer du dynamisk tema

Til dagens blogindlæg vil jeg tale om en teknik, som vi kan bruge til at simulere dynamisk tematik i en LuckyTemplates-rapport . Vi har for nylig haft et par indlæg på LuckyTemplates supportforum, der spørger, hvordan man ændrer temaet for en LuckyTemplates-rapport dynamisk. I et tilfælde søgte brugeren at få en enkelt indholdsside til at afspejle temaet for flere afdelinger eller kategorier. Du kan se den fulde video af denne tutorial nederst på denne blog.

Fra maj 2021 kan kun en enkelt tema-JSON-fil bruges i en LuckyTemplates-rapport, og en side kan kun have én baggrund. Det er grunden til, at en anden teknik er nødvendig for at nå det angivne mål.

Jeg tænkte på at bruge bogmærker (i stedet for sidenavigation) og billeder (i stedet for sidebaggrunde) til at simulere et dynamisk tema og besluttede at prøve det.

Her er hvad jeg er kommet frem til indtil videre. Dette er en hjemmeside med fire knapper.

Der er en for hver forsendelseskategori. Hvis du holder markøren over hver kategori, kan du se, at svæveadfærden ændrer sin gennemsigtighed.

Hvis jeg klikker på Air-knappen, vil det tage mig til en kategoriside, der har samme tema (fly som baggrund) som Air-knappen.

Hvis jeg klikker på knappen Hav, vil den gå til kategorisiden Hav med samme tema (skib med last som baggrund).

Igen, hvis jeg klikker på den anden knap for Rail, viser den et andet tema (jernbane som baggrund).

Du kan se, at der kun er to sider involveret i denne rapport. For at bygge løsningen startede jeg med en tom PBIX, derefter tilføjede jeg et lille forsendelsesdatasæt baseret på det, vi brugte i den seneste .

Indholdsfortegnelse

• Opsætning af LuckyTemplates-rapporten
• Oprettelse af displaymål
• Oprettelse af en Hjem-knap
• At lave en skæremaskine til kategorierne
• Tilføjelse af titlen
• Oprettelse og formatering af tabellen
• At lave Hjemmesiden
• Konklusion

Opsætning af LuckyTemplates-rapporten

Så søgte jeg online og fandt nogle billeder, der repræsenterede de forskellige forsendelsesmåder eller -kategorier. Derefter fulgte jeg det op ved at generere et grundlæggende farvetema ved hjælp af farvetemageneratoren i LuckyTemplates Analyst Hub.

Jeg valgte medium mørkeblå som udgangspunkt og brugte derefter farveviftefunktionen til at generere et seksfarvet tema, som jeg derefter brugte til at tilpasse temaet for denne LuckyTemplates-rapport.

Til sidst udviklede jeg et par DAX-mål for at returnere teksten og baggrunden eller skriftfarven ved hjælp af de ønskede temaer. Lad os tage et hurtigt kig.

Vi åbner vores nøgleforanstaltninger og gennemgår derefter vores. Temafarve 6 er kun en hex-kode for et af mine temaer, mens temafarve 5 er min mellemblå startfarve.

Oprettelse af displaymål

Så går vi til displaymålene og klikker derefter på tabeltiteltekstmålet .

Dette har en værdi, der bestemmes af den aktuelle kategori og oprettes ved hjælp af en sætning.

Hvis vi ser på Tabeltitel Font Baggrundsfarve- målet, bruger den nøjagtig den samme SWITCH TRUE-sætning baseret på kategori; men denne gang returnerer det et farvetemamål.

Jeg har et lignende mål for skrifttypens farve, kaldet Table Title Font Color , som returnerer en bredere sort, der står i god kontrast til temafarven.

Og til sidst har jeg et mål for tabelbaggrundsfarve , som er en kopi af mit mål for baggrundsfarve for tabeltitelskrifttype, men med et andet navn for at gøre det nemmere at sætte op.

Vi har også en lille tabel nede i bunden, så vi kan se, hvad resultaterne af disse tiltag er.

Det er det for opsætningen. Lad os nu bygge løsningen sammen og starte med en startside, så vi har noget at navigere til.

Oprettelse af en Hjem-knap

Vi opretter en Content 2-side og tilføjer et billede til Home .

Bring billedet ind i et hjørne, gør det lidt mindre, og indstil dets handling til at navigere til startsiden.

At lave en skæremaskine til kategorierne

Derefter tilføjer vi en udskærer til kategorier og gør udskæreren til enkeltvalg .

Tilføjelse af titlen

Det næste trin er at tilføje en tekstboks i øverste venstre hjørne til titlen. Lad os kalde det ABC Transport og tilføje et mål til vores kategori.

Titlen ændres, når vi foretager forskellige valg på vores skæremaskine. Vi kan også ændre skriftfarve og størrelse.

Den næste ting at gøre er at tilføje et billede for hver kategori. Lad os tilføje det første billede til luftfragt. Vi indstiller den til størrelse 1280 og 720 for fuld størrelse. Vi vil navngive dette i valgruden.

Oprettelse og formatering af tabellen

Vi udfører de samme trin for de ekstra billeder og tilføjer derefter en tabel. Lad os tilføje en ny tabel til denne tabel. Vi placerer det i kategorien, så vi kan se fra vores forsendelsestabel, såvel som oprindelseslandet og destinationslandet. Fra vores nøglemålskategori vil vi også tilføje de mål, vi allerede har beregnet.

Den næste ting at gøre er at formatere tabellen. Vi vil først sætte titelteksten til det mål, som vi allerede har beregnet.

Når vi klikker på udskæreren, kan vi se, at titlen på tabellen ændres baseret på det valg, vi foretager på udskæreren.

Vi kan også ændre tabellens skrifttypefarve, bordbaggrund og gennemsigtighed.

Det næste trin er at tilføje et bogmærke for hvert billede.

At lave Hjemmesiden

Det er det for indholdssiden. Lad os gå videre til hjemmesiden. For at starte tilføjer vi en tom knap her.

Vi slår omridset fra og størrelser det til 400 og 250.

Så skal vi udfylde et billede for denne knap.

Vi indstiller billedet til at passe og gennemsigtigheden til 0 % for Ved svævning, så vi kan se, at knappen bliver gennemsigtig, når den ikke er valgt.

Den næste ting at gøre er at tilføje en bogmærkehandling ind i den. Slå handlingsskyderknappen til, og skift den til bogmærke. Vælg Air 2-siden.

Det næste trin er at indstille titlen. Vi kan lave den til en gennemsigtig farve, så vi faktisk ikke kan se den.

Vi vil gøre dette tre gange mere ved at kopiere og indsætte billedet. Derefter justerer vi disse, så de repræsenterer hver kategori.

For den anden knap vil vi ændre fyldningen fra luftfragt til søtransport .

Skift derefter billedet, så det passer, og skift navnet. Vi ændrer derefter denne baggrundsfarve til et andet tema.

For den tredje knap ændrer vi fyldningen fra luftfragt til vejtransport .

Igen vil vi ændre billedtilpasningen til at passe og ændre titlens baggrundsfarve.

Og for vores sidste knap, vil vi ændre fyldningen fra luftfragt til jernbaneforsendelse .

Og igen skal vi indstille billedet til at passe og ændre farven på baggrunden til et andet tema.

På luftknapsiden havde vi valgt handlingen som Bookmark Air 2. For de tre andre knapper skal vi ændre den valgte handling. For eksempel, på siden med havknap, skal vi bogmærke den til Bookmark Sea 2.

Konklusion

Så nu har vi vores nybyggede løsning. Når vi trykker på kontrol og klikker på startsiden, føres vi til indhold 2-siden, hvor det passende, fuldskærmsbillede af baggrunden vises for den valgte kategori. Vi kan bruge startknappen til at navigere tilbage til startsiden 2.

Fra maj 2021 tillader den nuværende udgivelse af LuckyTemplates desktop, at følgende egenskaber indstilles for tabellen:

De resterende egenskaber kan ikke indstilles programmatisk på nuværende tidspunkt. Men hvis det er nødvendigt, kan man udnytte en løsning ved hjælp af flere tabelvisualiseringer , en for hver kategori og derefter justere produktegenskaberne og synlighed individuelt efter ønske.

Dette kan være lidt mere kompliceret, men yderligere fleksibilitet er mulig. Erfaringen viser, at yderligere egenskaber vil blive tilpasset i fremtidige udgivelser af LuckyTemplates-skrivebordet.

Forhåbentlig vil LuckyTemplates-teamet tilføje muligheden for at bruge flere temaer i en rapport. Men for nu er her en teknik, der giver dig mulighed for at simulere forskellige temaer.

Tak fordi du så med, og jeg ønsker dig alt det bedste på din LuckyTemplates-rejse.

Greg