> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.metalocator.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Toggling between the map and list in mobile view

In mobile views, sometimes it is easier for users to interact with only the map, or only the list at one time. This allows for a dedicated map or list display, without the sometimes cumbersome interaction between user scroll behavior and the map & list combined on the same screen.

One solution is to use the **Toggle Map & Directory** control as shown below:

[![](https://storage.crisp.chat/users/helpdesk/website/-/8/d/6/d/8d6d6544e9b8a800/c0543f59-60c7-4899-9a3d-a01654_bbm43n.png)](https://downloads.intercomcdn.com/i/o/800007886/cb9d9b48f298a0569af89d0a/image.png?expires=1794511800&signature=863d47199a15deb7e2c9c0cb078f8738dad136e5d8cb3742606f07e96c57664d&req=fCAnFsl5lYlZFb4f3HP0gFZUNWQBNKeTLIDlzzpQWuTxiXNwpErZND3uSRkW%0Af90LG3gGSVsq2UoChA%3D%3D%0A)

This displays a toggle switch that allows the user to switch between the map and list when in mobile view. Notice the "Styles" selection controls that this switch is only displayed in mobile device widths.

To use the **Toggle Map & Directory** control,

1. In the Interface Builder, click Search Form, then Add Field.
2. Choose **Toggle Map & Directory**
Click the Mobile preview button to enable mobile view, which will make the new toggle visible:

[![](https://storage.crisp.chat/users/helpdesk/website/-/9/7/a/3/97a303d359b13800/a84cad06-463d-4c86-9c18-e7ce20_137emwr.png)](https://downloads.intercomcdn.com/i/o/800505512/7d4a9c148b96fa83e86bd771/image.png?expires=1794511800&signature=3114f3aa78d32a703a893868738fe711d52ece0b8bd416fae945fff5104191d7&req=fCAnE8l7mIBdFb4f3HP0gLl%2BrASCmwYkA85vxUVZjqE4tWqWCIQyeJNZLM6D%0A9ms%3D%0A)

4. Under **Layout Settings**, we recommend increasing the **Mobile Map Height** to 500, since the map is no longer competing with the list for vertical space.

This control also allows setting whether the Map or List is displayed by default, via the "Show Map Initially" checkbox, as shown below:

[![](https://storage.crisp.chat/users/helpdesk/website/-/a/f/b/0/afb042cd09379800/8bed9c4e-f0ba-4c76-a87f-1227be_f1k838.png)](https://downloads.intercomcdn.com/i/o/800507847/b9b386a2f7a3fb1666feafbf/image.png?expires=1794511800&signature=5cecb86e299400981b90128680655dd25304d59be0cf1af1a06b5545e2fc2127&req=fCAnE8l5lYVYFb4f3HP0gPZr7Gk0oWAfYxeHYioNJ5RBn9ATTz7BHCLS%2B32B%0A6i1Dg59fBIxU%2Bln9LA%3D%3D%0A)