Jämförda versioner

Nyckel

  • Dessa rader lades till.
  • Denna rad togs bort.
  • Formateringen ändrades.
Info

Komponenten är responsiv. Ändra bredd på webbläsarfönstret för att se komponenten i dess olika lägen. OBS! Bred skärm samt omladdning av sidan kan behövas för att se desktopläget. Se gärna Sketchbiblioteket för referens.

...

Innehållsförteckning

...

Exempel

Samlingssida 1177
Inkludera sida
Samlingssida 1177
Iframe
src//jsfiddle.net/bergsvik/n7tvkcpf/embedded/result,html/
width100%
frameborderhide
idn7tvkcpf
height600px

Designspecifikation

En samlingssida är en navigationssida som samlar och ger användarna en överblick av underliggande sidor i strukturen/ämnesområdet .

Det primära innehållet på sidan är en sidöversikt med ingångslänkar i form av brickor eller listlänkar till alla underliggande artikelsidor. Det finns möjlighet att växla mellan brickvy och listvy via toggleknappar till höger ovanför ingångslänkarna. På mobil används enbart listvyn, för att ge så bra överblick av innehållet som möjligt.

Nedanför sidöversikten finns möjlighet att lägga upp relaterade artikelpuffar.

Brickor och listlänkar

  • Brickor visar bild och beskrivning vilket hämtas automatiskt från de underliggande artikelsidorna.

  • Textlänkarna visar rubriken på de underliggande artikelsidorna och hämtas också automatiskt.

...

Brickor i samlingssidor visar inte eventuella underlänkar såsom på sektionstartsidor. 

Do’s and Don’ts

  • Använd antingen bild på alla brickor eller enbart text.

  • Om bild saknas på brickor så finns möjlighet att stänga av bildvisning i Epi, så att samtliga brickor på den sidan endast visas med text.

  • Använd inte brickvy på mobil.

  • Visa inte underlänkar på brickorna på samlingssidor (enbart på sektionsstartsidor).

Tillgänglighet

-

Research på komponenten

-

Relaterade resurser/komponenter

Status

Status

Status
colourYellow
titleFärdig för test / inväntar granskning

Publicerad

2020-01-18

Senast uppdaterad

2020-01-20

...