Zur NavigationZum InhaltKontaktMenuFind componentOverview MapsFind component
Basics
More Info
Copyright
More Info
Layer Menu
More Info
Level Menu
More Info
Localization
More Info
Zoom
Components
More Info
Carousel
More Info
Map-Marker
More Info
Pop-Up
More Info
Routing
More Info
Sidebar
PrinciplesFoundationAccessibilityDesign SystemGuidelinesDeutschFrançaisItalianoEnglishOur design principlesUser-centredRecognisableInclusiveReducedHolisticSelf-explanatoryTask-orientedAppropriateSBB Brand portalLogoDigital clockRights of useBase colorsFunctional colorsOff brand colorsIconsTimetable iconsPictogramsAbout accessibilityÜber diesen GuideContactFurther informationProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?DesigningCodingFAQHelpProcessContributionContactOverviewBaseComponentsOverviewReleasesDesign TokensComponentsOverviewBaseInformationenOverviewBaseComponentsSense & PurposeCommunity AssetsInstructionsApp IconsPower-AppsDigital banner adsSAP Design Guidelines 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).