Zur NavigationZum InhaltKontaktMenuTrouver un composantAperçu MapsTrouver un composant
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
PrincipesBasesAccessibilitéSystème de designGuidelinesDeutschFrançaisItalianoEnglishNos principes de designCentré sur l’utilisateurReconnaissableInclusifMinimalisteHolistiqueAuto-explicatifAxé sur les tâchesAppropriéPortail de la marque CFFLogoHorloge numériqueDroits d’utilisationCouleurs de baseCouleurs fonctionnellesCouleurs off-brandIcônesIcônes de l’horairePictogrammesÀ propos de l’accessibilitéÀ propos de ce guideContactInformations complémentairesProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWhat is a design system?ConceptionDévelopperFAQAideProcèsContributionContactAperçuBaseComposantsOverviewReleasesDesign TokensComposantsAperçuBaseInformationsAperçuBaseComposantsSens & objectifCommunity AssetsInstructionsPower-AppsBandeaux publicitaires numériquesSAPIcônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles 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.
Zustände und Varianten
Varianten
Die Komponente hat folgende Varianten:
Mode: Light/Dark
Breakpoint: Desktop/Mobile
Position: Links/Unten/Rechts
Position rechts
Position links
Position unten
Mobile
ImpressumContactProtection des donnéesParamètres des cookies