Zur NavigationZum InhaltKontaktMenuFind componentOverview MapsFind component
More Info
Copyright
Basics
FigmaCode
More Info
Layer-Menu
Navigation
FigmaCode
More Info
Level-Menu
Navigation
FigmaCode
More Info
Localization
Navigation
FigmaCode
More Info
Zoom
Navigation
FigmaCode
More Info
Carousel
Content
FigmaCode
More Info
Map-Marker
Content
FigmaCode
More Info
Pop-Up
Content
FigmaCode
More Info
Routing
Navigation
FigmaCode
More Info
Sidebar
Content
FigmaCode
No search results were found.
Try using different or fewer search terms.
PrinciplesFoundationAccessibilityDesign SystemGuidelinesDeutschFrançaisItalianoEnglishOur design principlesUser-centredRecognisableInclusiveReducedHolisticSelf-explanatoryTask-orientedAppropriateSBB Brand portalLogoDigital clockRights of useBase colorsAdditional colorsOff brand colorsIconsTimetable iconsPictogramsAbout accessibilityÜber diesen GuideContactFurther informationProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?DesigningCodingFAQHelpProcessContributionContactOverviewBaseComponentsOverviewReleasesDesign TokensComponentsOverviewBaseInformationsOverviewBaseComponentsOverviewApp IconsPower-AppsDigital banner adsSAP Design GuidelinesAI Design: Basics This page is not available in the requested language. Available languages: DeutschPop-Up Übersicht
Verwendung
Sind zu einem Map Marker zusätzliche Informationen vorhanden, können diese in einem Pop-Up dargestellt werden.
Regeln
Das Pop-Up ist immer im Kartenausschnitt ersichtlich. Wird der Kartenausschnitt verschoben, kann sich die Positionierung des Pop-Ups ändern (links, unterhalb, rechts).
Bei kleinen Screens wird der Inhalt in einer Box am unteren Bildrand dargestellt - analog Sidebar und Cards. Die Höhe ist nicht beschränkt.
Ein Kreuz in der oberen rechte Ecke ermöglicht die Schliessung des Pop-Up.
Sind zu einem Marker mehrere Informationen verfügbar, werden diese untereinander dargestellt. Die Höhe des Pop-Up nimmt entsprechend zu oder wird mittels Pagination dargestellt.