Embed Web App in List View

TABLE OF CONTENTS

• Embedding the Web App in List View Only
• Embedding the Web App to open in List View 

Embedding the Web App in List View Only

You may want to have an embed that just displays a list of your POIs (Points of Information), without the other functionality of Driftscape for the web (including the map mode, top navigation bar, and menus). This feature can be useful when creating a business directory or list of all your sites. Use these instructions when you do not want it to be possible for website visitors to switch to map view within this embed.

Alter the iframe embed URL to include a ‘toolbar=false’ parameter as shown below:

<iframe src='https://webapp-dev.driftscape.com/list?key=UFFmdENHb2VlNVBpR2pmUy85YVVSd01ETkhjL2EyZExLRWlSNjZMR01rYz0=&toolbar=false' style='height: 800px; width: 100%'></iframe>

This will embed the web app without any top navigation bar or menu, and only allow the list view mode:

Note that the iframe embed still needs a height assigned for it, as it is displayed in a fixed height frame. But, the list view itself has a scrollbar within that frame, to allow it to be scrolled by the user. The web page can still be scrolled with the outer scrollbar.

Embedding the Web App to open in List View 

To embed the web app in list view while still allowing users to switch to map view, you need to modify the iframe's source URL. Here's how you can do it:  

To achieve this, simply replace the "map" text in your iframe's source URL with "list". Here's an example of how the iframe should look: 

Original iframe (defaults to map view): : <iframe src='https://webapp.driftscape.com/map?key=NnFXS1R5by9rUEpMTzZmcUlJeitlaC9VdkJYNU8vNTVlVE1CeEltbUtNWT0=' style='height: 400px; width: 100%'></iframe>

Updated iframe (for list view with map view option): <iframe src='https://webapp.driftscape.com/list?key=NnFXS1R5by9rUEpMTzZmcUlJeitlaC9VdkJYNU8vNTVlVE1CeEltbUtNWT0=' style='height: 400px; width: 100%'></iframe> 

Note: Simply replace the word "map" with "list" in the iframe's source URL, and you'll embed the web app in list view by default, while still retaining the ability for users to switch back to map view.

For more information, please visit this article:

• How to Embed the Web App