Creating a plain list view of the web app

Created by Pooja Chitnis, Modified on Wed, 21 Aug at 4:02 PM by Pooja Chitnis

You may, at times, want to have an embed that just displays a list of your POIs, without the other functionality of Driftscape for the web, including the map mode, top navigation bar, and menus. To do so, just 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.

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.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article