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
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Men temaet i min betænkning var et helt andet. Så jeg blandede det med en anden farve.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
I dette eksempel brugte jeg Windows -ikonet på min computer med et skærmbilledeværktøj.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg har også taget et skærmbillede af denne tomme baggrund.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg brugte dette til min navigation og værktøjstip.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Hvis du vil have nogle ikoner til din navigation, kan du gå til flaticon- hjemmesiden.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derfra kan du også redigere ikonerne og ændre deres farve ved at klikke på knappen Rediger ikon .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Du skal blot tilmelde dig denne hjemmeside for at ændre og downloade dit ikon.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Så, hvis du vil vise nogle vigtige indsigter, kan du bruge dette feed.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Hvis jeg klikker på en overskrift, fører den mig til den tilsvarende side.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Så, hvis jeg klikker på 01 i øverste højre hjørne, vil det tage mig tilbage til startsiden.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg kan oprette en sidenavigation med dette billede ved at aktivere indstillingen Handling under afsnittet Formater billede .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Indstil Type - feltet til Sidenavigation .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Vælg derefter destinationen for denne sidenavigation i feltet Destination . Til dette eksempel vil jeg vælge siden Leverandører .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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 ".
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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 ".
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Hvis jeg holder musemarkøren over billedikonet, vil det vise den tekst.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Hvis jeg klikker på det, vil det derefter bringe mig til siden Leverandører .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Eksempel på komplekst bogmærke til LuckyTemplates interaktive rapporter
Andre bogmærker er ret komplekse. For eksempel er dette Windows- ikon til et navigationspanel .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Hvis jeg klikker på dette billede, vil det vise mit navigationspanel.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Du kan effektivt administrere dine bogmærker ved at gå til fanen Vis og derefter ved at klikke på valgmuligheden .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
I markeringsruden kan du se lagene eller lagrækkefølgen af dine bogmærker eller navigation.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Hvis jeg klikker på navigationspanelet i markeringsruden , vil det også vælge navigationspanelet på rapportsiden.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derudover kan jeg gruppere og omdøbe elementerne/objekterne i min navigation eller bogmærker i markeringsruden .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
1. Indsættelse og ændring af Windows-ikonet
Først indsatte jeg Windows-billedet.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter omdøbte jeg dette billede til Windows-knap .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
For at få det til at se bedre ud, satte jeg Skalering til Norma l.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg ændrede størrelsen på den for at gøre den mindre. Derefter placerede jeg den i nederste venstre hjørne af siden.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg gjorde også denne visuelle header gennemsigtig.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
For at gøre det har jeg aktiveret denne del her.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg satte gennemsigtigheden til 100 % og deaktiverede den igen.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Nu ser det renere ud, fordi den visuelle header allerede er skjult.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
2. Indsættelse og ændring af baggrunden og andre elementer
Derefter indsatte jeg navigationspanelets baggrund.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Det er også bedre at gøre den visuelle header gennemsigtig. Bare aktiver det her, indstil gennemsigtighed til 100 % og deaktiver det igen.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg valgte Tilpas til indstillingen Skalering .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Så ændrede jeg størrelsen.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter omdøbte jeg billedlaget til NavBackground .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Den næste ting, jeg gjorde, var at trække dette ikon hertil. Dette vil tjene som mit lukkeikon for navigationspanelet.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter flyttede jeg også dette filterikon hertil.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Begge er skjulte, fordi de i øjeblikket er bag NavBackground . Jeg sørgede for at lægge dem oven på NavBackground- laget.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Så trak jeg skæremaskinen hertil.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg duplikerede det for at skabe i alt 4 udskærere.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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 .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Du kan også gå til fanen Formater og derefter klikke på gruppeindstillingen .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter omdøbte jeg gruppen til Slicers i markeringsruden .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg valgte alle elementerne i denne navigationsrude og grupperede dem.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg omdøbte gruppen til Navigationspanel .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter trak jeg Windows-knaplaget igen oven på navigationspanelgruppen for at gøre det synligt.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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 .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og 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 .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg omdøbte det til ShowNavPanel (Vis navigationspanel).
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Så højreklikkede jeg på den. Jeg har ingen data lige nu, så jeg fjerner markeringen i Data .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg højreklikkede på den igen og valgte derefter Opdater .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter tilføjede jeg et andet bogmærke og navngav det som HideNavPanel (Skjul navigationspanel).
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg højreklikkede på den og fjernede markeringen af Data .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg højreklikkede på den igen og klikkede på Opdater .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter skal jeg tildele bogmærkerne på Windows-knapbilledet. For at gøre det sørgede jeg for, at det er valgt.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter aktiverede jeg indstillingen Handling .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Under valget Type valgte jeg Bogmærke .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Under bogmærkevalget valgte jeg ShowNavPanel- bogmærket.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Til feltet Værktøjstip skrev jeg " Vis NavPanel ".
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Så når jeg svæver over Windows-knapbilledet, vil det vise et værktøjstip, der viser " Vis NavPanel ".
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter aktiverede jeg handlingen , valgte bogmærke under Type- valget og valgte HideNavPanel .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Til værktøjstip skrev jeg HideNavPanel .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Nu, hvis jeg holder markøren over dette ikon, vil det vise " HideNavPanel ".
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Hvis jeg klikker på det, skjuler det navigationspanelet.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Hvis jeg klikker på Windows-knappen, vil den vise navigationspanelet.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
3. Oprettelse af Ryd filterbogmærke
Den sidste ting, jeg skal gøre, er at oprette et Clear Filter- bogmærke for dette ikon.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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 .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Derefter tilføjede jeg et bogmærke og navngav det som ClFilter (Clear Filter).
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Jeg højreklikkede på det og fjernede markeringen af Display , da jeg ikke har brug for det.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Så valgte jeg Update .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Det næste er at tildele det bogmærke på filterikonet . Først sørgede jeg for, at ikonet er valgt.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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 .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Lad os nu indtaste $24 her.
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Lad os derefter klikke på ikonet Ryd filter .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
Som du kan se, bragte det standardtilstanden tilbage, som jeg indstillede, som er $15 .
![LuckyTemplates interaktive rapporter: Navigation og bogmærker LuckyTemplates interaktive rapporter: Navigation og bogmærker]()
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