/
Code snippets: Interactive map (3D)
Code snippets: Interactive map (3D)
Interactive map / 3D interactive map
Hide the categories at the top
.im__filters__categories { display: none; }
Hide the '? - info' button
.im__button.im__button--info { display: none; }
Hide the ‘reset’-button
.im__button.im__button--info, .im__button.im__button--reset { display: none; }
Popups interactive map (3D)
Straighten the corners of a custom card
Remove the ‘pin - reset popup’ symbol
Remove the line (divider) under the text and above the image
Remove the thick line under the title
Change the color of the thick line under the title
Change the color of the icons in the header (reset, close)
Scrollable map
For all interactive maps in a scenario
2. For a specific interactive map
Disable loop for Maps
You can disable the default loop for Maps with a css variable.
Select the previous/next map button
If you need previous next buttons for your maps you could hide all buttons except the previous and next button
, multiple selections available,
Related content
Code snippets: Navigation page
Code snippets: Navigation page
More like this
CSS Styling Modules Xperify
CSS Styling Modules Xperify
Read with this
Code snippets: Module introduction popup
Code snippets: Module introduction popup
More like this
Code snippets: File cards
Code snippets: File cards
Read with this
Code snippets: Digital label
Code snippets: Digital label
More like this
Code snippets: Screensaver
Code snippets: Screensaver
Read with this