Till innehåll på sidan
Till KTH:s startsida Till KTH:s startsida

Vänstermeny

KTH:s webbplats tillämpar både utfällbara och ersättande vänstermenyer. Det vill säga både menyer som åskådliggör innehållets hierarkiska ordning med menyer som fälls ut från ovanliggande och sådana som inte gör det - där varje nivå i strukturen ger en ny ersättande meny.

Typisk vänstermeny.
Typisk vänstermeny. Tillbaka-länken och menyrubriken utgör nivåer i strukturen och blir därför led i länkstigen. Underliggande nivåer är markerade med pilsymbol i menyn.

Menyns innehåll

Följande är gemensamma inslag för både ersättande och utfällbara menyer.

Tillbaka-länk

Menyn toppas av en tillbaka-länksom leder besökaren tillbaka till föregående nivå i strukturen. 

Huvudrubrik

Under tillbaka-länken visas menyns huvudrubrik. Rubriken och dess meny är alltid en egen nivå i strukturen. Huvudrubriken visas därför också som eget led i länkstigen.

Observera att huvudrubriken saknar egen sidvy. Klick som ger ny nivå i strukturen ger meny där den överst listade undersidan visar sitt sidinnehåll. 

Undersidor

Sidor som visas är avlänkade i menyn och satta i fet stil.

Pilar

Länkar som leder till underliggande nivåer i strukturen och som vid klick ändrar på menyinnehållet åtföljs av ett pil-element.

Länkar i menyn som leder till undersidor och som vid klick inte förändrar menyns innehåll saknar särskilda grafiska element. Aktiva sådana undersidor är avlänkade i menyn och visas i fet stil.

Ersättande vänstermeny 

De ersättande vänstermenyerna ger för varje klick nedåt i strukturen en ny vänstermeny som ersätter den föregående. Bakåtnavigering sker via tillbaka-länken eller länkstigen. Varje meny som visas utgör alltså en egen nivå i strukturen.

Menyrubriken utgör inte en egen sida. Varje ny meny som visas får sitt sidinnehåll från den överst listade undersidan som får fet stil i menyn.

Ersättande vänstermeny
Klickar vi i exemplet på "Om skolan" så får vi en ny ersättande meny som visar innehållet på underliggande nivå i strukturen.

Mobilvyer

På mobiltelefon utgår vänstermenyn som istället nås via menyikon i sidhuvudet. Mobilmenyn täcker hela skärmen och visar upp innehållet från vänstermenyn samt därunder länkarna i sidhuvudets sekundära meny.

Klick på länk i menyn släcker menyn och ger sidvisning enligt principen ovan. Klick på länkar som ger undernivåer visar den överst listade sidan på undernivån. 

Ersättande vänstermeny på mobil 1
I det här exemplet klickar vi upp menyn på mobil och klickar i denna på en länk som ger en undernivå i strukturen. Sidan som visas är den överst listade sidan på den underliggande nivån.
Ersättande vänstermeny på mobil 2
När vi klickar oss in i menyn på nytt visas menyn för den underliggande nivån med tillbaka-länk till ovanliggande nivå. (Klick på tillbaka-länk ger inte menyvy utan den ovanliggande nivåns överst listade sida.) Menyn visar den aktiva undersidans titel avlänkad i fet stil. Klickar vi oss in i ytterligare en underliggande avdelning landar vi på den översta sidan på den nivån. Klickar vi fram menyn på nytt visas en ersättande meny enligt samma princip.

Utfällbar vänstermeny

De utfällbara vänstermenyerna ger vid klick nedåt i strukturen inte menyer som ersätter de tidigare. Innehåll på underliggande nivå fälls istället ut inom ramen för ovanliggande.

Vid klick på länk som ger förflyttning nedåt i strukturen och visar underliggande meny övergår pil-elementet i att peka nedåt.

Länkarna i menyn som avser nya nivåer i strukturen (och därför bär på pil) utgör inte egna sidor. De fungerar enbart som menyrubriker när de fälls ut. Den utfällda menyns överst listade undersida ger sidinnehållet.

Både rubriken för den aktuella nivån och undersidan visas avlänkade i fet stil.  

Utfällbara vänstermenyer
I exemplet fälls underliggande nivåer ut i vänstermenyn vid klick.

Menyn visar som mest upp tre nivåer av strukturen. När tre nivåer visas innebär klick nedåt i strukturen att den översta nivån utgår från menyn. Alltså, klick som ger meny på fjärde nivå i strukturen får meny på första nivå att utgå. Nere på femte nivå i strukturen visas inte längre de två översta i menyn, o s v.

Notera att tillbaka-länken ovanför menyn syftar på den nivå som närmast föregår den översta nivån som visas i menyn. Så länge ingen nivå utgår ur menyn ändras den alltså inte. Det sker bara när den översta nivån i menyn byts ut.

Utfällbara menyer på fjärde nivå i strukturen.
I exemplet klickar vi oss ned på en fjärde nivå i strukturen. Eftersom inte fler än tre nivåer visas samtidigt i menyn utgår den första nivån, som istället nås via tillbaka-länken eller länkstigen. Den andra nivån blir ny huvudrubrik för menyn.

Mobilvyer

Utfällbara menyer på mobiltelefon ger inte sidvisningar vid klick på länkar som leder till undernivåer. Undernivåerna fälls ut utan att den överst listade sidan visas. Vi lämnar menyn först när vi aktivt klickar på en länk som ger en sidvy. 

Utfällbar meny på mobil 1
I exemplet klickar vi på länk som ger underliggande nivå. Nivån fälls ut och vi måste aktivt klicka på länk till sida för att lämna menyn.
Utfällbar meny på mobil 2
Beteendet upprepas när vi från sidvyn klickar upp menyn på nytt. Klick på underliggande nivå ger utfälld meny utan mellanliggande sidvisning.