LuckyTemplates interaktive rapporter: Navigation og bogmærker

Sidenavigation er vigtig i LuckyTemplates-rapporter for at udnytte ydeevne og brugeroplevelse. På den anden side giver bogmærker dig mulighed for at gemme de aktuelt konfigurerede visninger og indstillinger i dine rapporter. I denne vejledning vil jeg diskutere, hvordan du får navigationsidéer til dine LuckyTemplates. Jeg vil også forklare, hvordan du opretter og administrerer dine bogmærker.

Indholdsfortegnelse

• Eksempel på navigationsidé til LuckyTemplates interaktive rapporter
• Brug af overskrifter som din navigation i LuckyTemplates-rapporter
• Sidenavigationsbogmærker til LuckyTemplates interaktive rapporter
  • 1. Tilføjelse af ikonet
  • 2. Tilføjelse af et værktøjstip
• Eksempel på komplekst bogmærke til LuckyTemplates interaktive rapporter
• Genskabelse af navigationspanelet
  • 1. Indsættelse og ændring af Windows-ikonet
  • 2. Indsættelse og ændring af baggrunden og andre elementer
• 3. Gruppering af elementerne
• Oprettelse af bogmærker til LuckyTemplates interaktive rapporter
  • 1. Oprettelse af bogmærket til visning af navigationspanelet
  • 2. Oprettelse af bogmærket til at skjule navigationspanelet
  • 3. Oprettelse af Ryd filterbogmærke
• Konklusion

Eksempel på navigationsidé til LuckyTemplates interaktive rapporter

Mange mennesker kæmper for at finde kreativitet til LuckyTemplates interaktive rapporter. Men ærligt talt, kan du bare gennemse forskellige websteder, og du vil se, at sidenavigationer er overalt.

I denne rapport, som jeg oprettede, fandt jeg denne navigationsidé gennem min personlige computer.

For eksempel prøvede jeg at sætte denne farve i min rapport.

Men temaet i min betænkning var et helt andet. Så jeg blandede det med en anden farve.

I dette eksempel brugte jeg Windows -ikonet på min computer med et skærmbilledeværktøj.

Jeg har også taget et skærmbillede af denne tomme baggrund.

Jeg brugte dette til min navigation og værktøjstip.

Hvis du vil have nogle ikoner til din navigation, kan du gå til flaticon- hjemmesiden.

Derfra kan du også redigere ikonerne og ændre deres farve ved at klikke på knappen Rediger ikon .

Du skal blot tilmelde dig denne hjemmeside for at ændre og downloade dit ikon. 

Hvis du går ind på hjemmesiden, kan du også finde nogle navigationsideer. Et eksempel er denne pop-up chatboks. Hvis du vil vise en vis indsigt i din rapport, kan du helt sikkert bruge denne. 

Så, hvis du vil vise nogle vigtige indsigter, kan du bruge dette feed.

Brug af overskrifter som din navigation i LuckyTemplates-rapporter

En anden cool ting, du kan gøre, er at lave dine overskrifter som din navigation. Jeg har for eksempel ikke brugt noget ikon her. I stedet brugte jeg overskrifter på rapporten.

Hvis jeg klikker på en overskrift, fører den mig til den tilsvarende side.

Så, hvis jeg klikker på 01 i øverste højre hjørne, vil det tage mig tilbage til startsiden.

I denne tutorial præsenterede jeg lige nogle af de mest grundlæggende ideer.

Den næste ting, jeg vil vise, er, hvordan du opretter og administrerer bogmærker i dine LuckyTemplates interaktive rapporter.

Sidenavigationsbogmærker til LuckyTemplates interaktive rapporter

Bogmærker bruges til at gemme den aktuelt konfigurerede visning af en rapportside, inklusive , udsnit og tilstanden af ​​det visuelle. Du kan derefter henvise til den optagne tilstand, når du vælger det tilsvarende bogmærke. Det nemmeste bogmærke, du kan oprette, er sidenavigation.

1. Tilføjelse af ikonet

Ethvert billede, som du vil indsætte i LuckyTemplates, kan nu håndtere bogmærker. For eksempel vil jeg indsætte et billede her.

Jeg kan oprette en sidenavigation med dette billede ved at aktivere indstillingen Handling under afsnittet Formater billede .

Indstil Type - feltet til Sidenavigation . 

Vælg derefter destinationen for denne sidenavigation i feltet Destination . Til dette eksempel vil jeg vælge siden Leverandører .  

2. Tilføjelse af et værktøjstip

Værktøjstip er den tekst, der vises, når du holder markøren over et bestemt emne. Som standard vil den vise " CTRL + klik her for at følge linket ".

Det vil være godt, hvis vi sætter nogle indikationer på vores sidenavigationer. Dette er for at lade vores slutbrugere vide, hvor denne bestemte navigation vil føre dem hen.  

Så for dette eksempel skriver jeg " Gå til sideleverandør ".

Hvis jeg holder musemarkøren over billedikonet, vil det vise den tekst.

Hvis jeg klikker på det, vil det derefter bringe mig til siden Leverandører .

Eksempel på komplekst bogmærke til LuckyTemplates interaktive rapporter

Andre bogmærker er ret komplekse. For eksempel er dette Windows- ikon til et navigationspanel .

Hvis jeg klikker på dette billede, vil det vise mit navigationspanel.

Du kan effektivt administrere dine bogmærker ved at gå til fanen Vis og derefter ved at klikke på valgmuligheden .

I markeringsruden kan du se lagene eller lagrækkefølgen af ​​dine bogmærker eller navigation.

Hvis jeg klikker på navigationspanelet i markeringsruden , vil det også vælge navigationspanelet på rapportsiden.

Derudover kan jeg gruppere og omdøbe elementerne/objekterne i min navigation eller bogmærker i markeringsruden .

Det er også muligt at arrangere synligheden af ​​de objekter eller elementer, du vil vise. I dette eksempel er Windows- knappen billedet på rapportsiden, der viser navigationspanelet.

Hvis jeg trækker det under Navigation Shape- laget, vil du se, at det bliver skjult. Dette skyldes, at Windows-ikonet nu er bag navigationspanelet.

Genskabelse af navigationspanelet

Jeg genskaber navigationsruden for at hjælpe dig med at forstå mere om udvalgspanelet og for at lære, hvordan du opretter komplekse bogmærker.

Jeg efterlod en kopi af disse 3 objekter her, så jeg behøver ikke importere dem igen.

1. Indsættelse og ændring af Windows-ikonet

Først indsatte jeg Windows-billedet.

Derefter omdøbte jeg dette billede til Windows-knap .

For at få det til at se bedre ud, satte jeg Skalering til Norma l.

Jeg ændrede størrelsen på den for at gøre den mindre. Derefter placerede jeg den i nederste venstre hjørne af siden.

Jeg gjorde også denne visuelle header gennemsigtig.

For at gøre det har jeg aktiveret denne del her.

Jeg satte gennemsigtigheden til 100 % og deaktiverede den igen.

Nu ser det renere ud, fordi den visuelle header allerede er skjult.

2. Indsættelse og ændring af baggrunden og andre elementer

Derefter indsatte jeg navigationspanelets baggrund.

Det er også bedre at gøre den visuelle header gennemsigtig. Bare aktiver det her, indstil gennemsigtighed til 100 % og deaktiver det igen.

Jeg valgte Tilpas til indstillingen Skalering .

Så ændrede jeg størrelsen.

Min Windows-knap er skjult, fordi den er bag formen. Så i markeringsruden trak jeg Windows-knappen oven på billedlaget for at gøre det synligt.

Derefter omdøbte jeg billedlaget til NavBackground .

Den næste ting, jeg gjorde, var at trække dette ikon hertil. Dette vil tjene som mit lukkeikon for navigationspanelet. 

Derefter flyttede jeg også dette filterikon hertil.

Begge er skjulte, fordi de i øjeblikket er bag NavBackground . Jeg sørgede for at lægge dem oven på NavBackground- laget.

Så trak jeg skæremaskinen hertil.

Jeg duplikerede det for at skabe i alt 4 udskærere.

3. Gruppering af elementerne

Derefter valgte jeg alle udskærerne og grupperede dem. Når du grupperer, kan du højreklikke på dem og vælge Grupper .

Du kan også gå til fanen Formater og derefter klikke på gruppeindstillingen .

Derefter omdøbte jeg gruppen til Slicers i markeringsruden .

Jeg valgte alle elementerne i denne navigationsrude og grupperede dem.

Jeg omdøbte gruppen til Navigationspanel .

Derefter trak jeg Windows-knaplaget igen oven på navigationspanelgruppen for at gøre det synligt.

Oprettelse af bogmærker til LuckyTemplates interaktive rapporter

For at oprette bogmærker skal du blot gå til fanen Vis og derefter klikke på indstillingen Bogmærker .

1. Oprettelse af bogmærket til visning af navigationspanelet

Først vil jeg oprette et bogmærke til Windows-knaplaget , hvor det vil vise navigationspanelet ved at klikke på det. 

Så mens navigationspanelet vises, oprettede jeg et bogmærke ved at klikke på knappen Tilføj i bogmærkeruden .

Jeg omdøbte det til ShowNavPanel (Vis navigationspanel). 

Så højreklikkede jeg på den. Jeg har ingen data lige nu, så jeg fjerner markeringen i Data .

Jeg højreklikkede på den igen og valgte derefter Opdater .

Nu vil jeg også oprette et bogmærke til at skjule navigationspanelet. For at gøre det skjuler jeg først navigationspanelgruppen ved at klikke her.

Derefter tilføjede jeg et andet bogmærke og navngav det som HideNavPanel (Skjul navigationspanel).

Jeg højreklikkede på den og fjernede markeringen af ​​Data .

Jeg højreklikkede på den igen og klikkede på Opdater .

Derefter skal jeg tildele bogmærkerne på Windows-knapbilledet. For at gøre det sørgede jeg for, at det er valgt.

Derefter aktiverede jeg indstillingen Handling .

Under valget Type valgte jeg Bogmærke .

Under bogmærkevalget valgte jeg ShowNavPanel- bogmærket.

Til feltet Værktøjstip skrev jeg " Vis NavPanel ".

Så når jeg svæver over Windows-knapbilledet, vil det vise et værktøjstip, der viser " Vis NavPanel ".

2. Oprettelse af bogmærket til at skjule navigationspanelet

Det næste er at tilføje et bogmærke til dette ikon, der lukker navigationspanelet, når du klikker på det. Igen sørgede jeg for, at dette ikon er valgt.

Derefter aktiverede jeg handlingen , valgte bogmærke under Type- valget og valgte HideNavPanel .

Til værktøjstip skrev jeg HideNavPanel .

Nu, hvis jeg holder markøren over dette ikon, vil det vise " HideNavPanel ".

Hvis jeg klikker på det, skjuler det navigationspanelet.

Hvis jeg klikker på Windows-knappen, vil den vise navigationspanelet.

3. Oprettelse af Ryd filterbogmærke

Den sidste ting, jeg skal gøre, er at oprette et Clear Filter- bogmærke for dette ikon.

Dette bogmærke vil altid indstille skærmen til den standardtilstand, som jeg oprettede i dette bogmærke. For eksempel vil jeg indstille $15 som standard for feltet Nedetidsomkostninger/time .

Derefter tilføjede jeg et bogmærke og navngav det som ClFilter (Clear Filter).

Jeg højreklikkede på det og fjernede markeringen af ​​Display , da jeg ikke har brug for det.

Så valgte jeg Update .

Det næste er at tildele det bogmærke på filterikonet . Først sørgede jeg for, at ikonet er valgt. 

Derefter aktiverede jeg handlingen , sørgede for, at den valgte type er bogmærke , valgte ClFilter under bogmærkevalget og skrev " Slet filter " for værktøjstip .

Lad os nu indtaste $24 her.

Lad os derefter klikke på ikonet Ryd filter .

Som du kan se, bragte det standardtilstanden tilbage, som jeg indstillede, som er $15 .   

Sådan kan du nemt oprette og administrere dine bogmærker i din rapport.

 

Konklusion

For at opsummere er der masser af fede ting, du kan lave uden at skulle bruge en masse tid på din navigation. Hvis du ønsker flere navigationsideer, kan du gå tilbage til de forskellige . Vi har haft mere end 10 udfordringer indtil videre i LuckyTemplates forum. 

Du har også lært, hvor nemt det er at oprette bogmærker til dine LuckyTemplates-rapporter. Du kan administrere dem effektivt ved at navngive billederne, ikonerne og udskæringerne.

Tjek nedenstående links for flere eksempler og relateret indhold.

Skål!

Mudassir