/
Code snippets: Interactive map (3D)

Code snippets: Interactive map (3D)

 

Interactive map / 3D interactive map

  1. Hide the categories at the top

    .im__filters__categories { display: none; }

     

  2. Hide the '? - info' button

    .im__button.im__button--info { display: none; }

     

  3. Hide the ‘reset’-button

    .im__button.im__button--info, .im__button.im__button--reset { display: none; }

Popups interactive map (3D)

  1. Straighten the corners of a custom card

     

  2. Remove the ‘pin - reset popup’ symbol

     

  3. Remove the line (divider) under the text and above the image

     

  4. Remove the thick line under the title

     

  5. Change the color of the thick line under the title

     

  6. Change the color of the icons in the header (reset, close)

 

Scrollable map

  1. 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

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