Location in Forms and Inputs
You can use the location property type in forms to easily let your users search for, input, or save addresses and geolocations.
Skill Level: Intermediate
- You will need a paid Adalo plan to use this feature.
- Note that each time your app uses a location feature, your Google plan will be charged.
1.) There are two ways to let users search for and input locations or addresses. The first way is by adding the location property as a field to a form. To do this, select the form, then click on the Fields dropdown.
2.) If it's a new form, your location should already be added. If not, you can add it using the + Add Visible Field button. Once added, you can change its label, the icon, the placeholder text, and whether it's a required field or not. Once you're done editing, just click Done.
3.) Now your users can search for locations, places, and addressed directly in the form and save it to the created or updated record in the location property.
4.) The second way to let your users search and input is by using our Location input component. You can use this component to build custom forms or to let your users dynamically search for and display locations, places, and addresses. To access it, click on the big plus sign in the upper left, then click the Forms and Fields dropdown.
5.) Next, click and drag the Location Input component onto the desired app screen. With the component selected, you can change the placeholder text, icon, and other styling options within the Edit Styles button, much like you can with a normal text input.
6.) Additionally, you can reference the Location Input's value within Actions and Lists, or even save the location data itself to a location property in the database. Do this by clicking on the Location property with the Action, hovering Other Components, then choosing the Location Input.
7.) You can also use the location input component to filter, create conditional actions, or conditional visibility by referencing specific pieces of location data. Whenever conditional actions, visibility, or filtering is present, just hover over the Other Components option. Then, instead of selecting the option with an icon, hover over the Location Input > to reveal specific options to compare with.
- Use the location input along with the Maps component to let people search for locations and immediately see them on a map. Just be sure to set the marker address to be the Location Input's > Full Address