The brandLink target opens in a new window. SBB Brand portal Logo Digital clock Rights of useColors Base colors Additional colors Off brand colorsAssets Icons Timetable icons PictogramsLanguage About UX Writing Button and link texts Forms and inputs Notifications Progress indicators Digital word list
Introduction About accessibility About this guide Contact Further informationAccessibility by roles Product Owner User Research Interaction Design Visual Design Development Content Design Testing
First steps What is a design system? Designing Coding FAQ HelpOrganisation Process Contribution ContactMobile Overview Base ComponentsLyne Overview What is Lyne? Releases Presets & Themes Design Tokens Components TemplatesMaps Overview Base InformationsPatterns Overview
Regulations App IconsGuides Power-Apps Digital banner ads SAP Design Guidelines AI Design: Basics
This page is not available in the requested language. Available languages: DeutschCarousel.
Übersicht
Verwendung
Ein Carousel wird eingesetzt, wenn auf der Karte an einem Ort viele Map Marker vorhanden sind und ein Vergleich der einzelnen Punkte Sinn macht.
Regeln
Für die Map Marker im Kartenausschnitt werden komprimierte Informationen in Cards angezeigt.
Bei grösseren Screens werden die Cards auf der linken Seite untereinander dargestellt. Wird über eine der Cards gefahren, wird der entsprechende Map Marker hervorgehoben.
Bei kleinen Screens sowie in Mobile-Anwendungen werden die Cards am unteren Bildschirmrand dargestellt. Der Bereich mit den Cards kann vergrössert (über die gesamte Kartenhöhe) oder verkleinert (keine Card mehr angezeigt) werden.
Wird ein Marker auf der Karte angewählt, wird die entsprechende Card hervorgehoben, bzw. dargestellt (kleine Screens und Mobile).