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
Before You Begin
Ensure you have generated your Google API Key
Know about the Location property type
Know about location magic text and formatting
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.
Walkthrough
Using Location in Forms
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.
Using the Location Input Component
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.
Learn More
With the location input component, you can even have users search for specific locations and filter or sort a list using that location. You can learn more about comparing locations here.
As always, you'll need a Google API Key before location will work in forms or in the input component.
Check out our course in the App Academy about using Location.
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
Help
If you need additional help with this article, you can always ask in our community forum! Be sure to paste the link to this article in your post as well!
Last updated