Menyer

En meny är en samling länkar som du kan visa på en sida med Meny-widgeten. Använd menyer för att binda ihop appleten — länka till andra applets, sidor i den aktuella appleten, externa adresser, eller till notiser.

När du ska använda detta

• Du vill bygga en navigationsstruktur i en applet
• Du behöver flera olika menyer för olika sammanhang — exempelvis en huvudmeny, en snabblänkmeny och en verktygsfält-meny
• Du vill ha en meny som dynamiskt listar alla sidor som matchar specifika tags

Hur det fungerar

Menyer hanteras i två nivåer:

1. Meny — en namngiven container som du skapar i appleten.
2. Menyobjekt — varje länk eller rubrik i menyn. Menyobjekt kan ha undermenyer.

För att visa en meny i appen lägger du till Meny-widgeten på en sida och pekar den mot en meny du har skapat.

Skapa en meny

1. Öppna din applet.
2. Gå till Menyer i sidomenyn.
3. Klicka på Skapa meny.
4. Ange ett namn.
5. Spara.

När menyn är skapad kan du lägga till menyobjekt.

Menyobjekt

Menyobjekt är de enskilda raderna i menyn. Klicka på Lägg till menyobjekt för att skapa ett nytt.

Typer av menyobjekt

Typ	Vad det gör
Applet	Länkar till en annan applet i samma app. Användaren navigeras dit vid klick.
Sida	Länkar till en specifik sida i en applet — eller dynamiskt till alla sidor med vissa tags.
Extern	Länkar till en extern URL (måste börja med https://).
Header (icke-länk)	En rubrik utan klickbar funktion — för att gruppera menyobjekt visuellt.
Notis	Länkar till en sida och visar en notis-bricka när nya notiser finns för användaren.

Konfigurera ett menyobjekt

Beroende på vald typ får du olika inställningar:

Inställning	Visas för	Beskrivning
Välj applet	Applet, Sida (dynamisk)	Välj vilken applet objektet pekar mot.
Dynamisk (sid-tags)	Sida	Slå på för att låta menyobjektet automatiskt expandera till alla sidor med valda tags i den valda appleten.
Tags	Sida (dynamisk)	Vilka sid-tags som ska matchas.
Välj sida	Sida (statisk), Notis	Välj en specifik sida att länka till.
Adress	Extern	Den externa URL:en.
Namn	Alla utom dynamisk Sida	Texten som visas i menyn.
Ikon	Extern, Header	Ikon som visas bredvid texten.
Bildsökväg	Extern	URL till en bild som ska visas istället för en ikon.
Öppna i ny flik	Applet, Sida, Extern	När det är på öppnas länken i en ny flik istället för i samma vy.

TIPS

Använd Header (icke-länk) för att skapa avgränsare i längre menyer — exempelvis "Mina sidor" före användarnära länkar och "Genvägar" före allmänna länkar.

Dynamiska menyer

Slå på Dynamisk (sid-tags) för ett menyobjekt av typen Sida för att låta det automatiskt visa alla sidor i en applet som har vissa tags. Lägg sedan till sidor med rätt tags så dyker de upp i menyn — utan att du behöver uppdatera menyn manuellt.

TIPS

Dynamiska menyer är perfekta för innehåll som växer över tid — exempelvis en "Senaste nyheter"-meny som listar alla sidor med taggen nyhet.

Undermenyer

Klicka på Lägg till menyobjekt inifrån ett befintligt menyobjekt för att skapa en undermeny. Undermenyer är menyobjekt med ett föräldraobjekt — de visas indragna i menyn.

TIPS

Använd undermenyer sparsamt. Två nivåer räcker oftast — fler nivåer gör navigationen svår att överblicka på små skärmar.

Sortera menyobjekt

I listvyn kan du dra och släppa menyobjekt för att ändra ordning. Ordningen sparas direkt.

Ta bort ett menyobjekt

Hovra över menyobjektet i listan och klicka på papperskorgsikonen. Borttagningen är permanent.

Visa menyn i appen

Lägg till en Meny-widget på en sida och välj din meny i widgetens inställningar. Widgeten kan visa menyn som en lista, ett kort eller ett verktygsfält längst ned i appen.

Exempel

Scenario: Du vill bygga en huvudmeny för en intern app med fasta länkar till start, nyheter och kontakt — plus en dynamisk sektion som listar alla policy-sidor.

1. Skapa menyn Huvudmeny.
2. Lägg till menyobjektet Start — typ Sida, välj sidan Start, ikon home-outline.
3. Lägg till menyobjektet Nyheter — typ Notis, välj sidan Nyheter så att en notisbricka visas vid nytt innehåll.
4. Lägg till menyobjektet Kontakt — typ Sida, välj sidan Kontakt, ikon mail-outline.
5. Lägg till en Header (icke-länk) med namnet Policys.
6. Lägg till menyobjektet Policys — typ Sida, slå på Dynamisk, välj appleten och taggen policy.
7. Lägg till en Meny-widget på sidan Start och välj Huvudmeny.

Nu visas en huvudmeny med tre fasta länkar och en automatiskt genererad lista över alla sidor med taggen policy.

Tips

TIPS

Använd Notis-typen för länkar som behöver lyfta att det finns nytt innehåll — exempelvis nyhetsflöden, chattar eller olästa formulärsvar.

TIPS

Skapa flera menyer för olika sammanhang istället för en enda jättemeny. En "huvudmeny" för navigation, en "snabblänkar"-meny för startsidan och en "verktyg"-meny i sidfoten ger renare sidor och tydligare avsikt.

Vanliga misstag

VARNING

Externa länkar måste börja med https://. Adresser med http:// eller utan protokoll accepteras inte.

VARNING

Dynamiska menyer kräver att den valda appleten innehåller sidor med matchande tags. Hittar AppStudio inga matchande sidor är menyobjektet tomt i appen.

VARNING

Om du tar bort en sida som ett menyobjekt pekar på blir länken trasig. Uppdatera menyn när du städar bland sidorna.