|
| 1 | +--- |
| 2 | +title: |
| 3 | +description: |
| 4 | +author: iaanw |
| 5 | +manager: shellha |
| 6 | +ms.service: powerapps |
| 7 | +ms.topic: conceptual |
| 8 | +ms.custom: canvas |
| 9 | +ms.reviewer: tapanm |
| 10 | +ms.date: 6/01/2020 |
| 11 | +ms.author: iawilt |
| 12 | +search.audienceType: |
| 13 | + - maker |
| 14 | +search.app: |
| 15 | + - PowerApps |
| 16 | +ms.custom: ceX |
| 17 | +--- |
| 18 | + |
| 19 | +# Address input component |
| 20 | + |
| 21 | +Entering addresses can be frustrating and error prone, particularly in mobile scenarios. |
| 22 | + |
| 23 | +The address input component lets you see dynamic address suggestions as you type. Using fuzzy matching logic, the component suggests multiple potential address matches that the user can select – making it quicker and easier to enter accurate addresses. |
| 24 | + |
| 25 | +The component returns the address as structured data, allowing your application to extract information like city, street, municipality, and even latitude and longitude. The data is in a format friendly to many locales and international address formats. |
| 26 | + |
| 27 | +To use the component, you need to [enable the geospatial features for the environment](geospatial-overview.md#enable-the-geospatial-features-for-the-environment) as well as [enable the geospatial features for each app](geospatial-overview.md#enable-the-geospatial-features-for-each-app) that you want to use it in. |
| 28 | + |
| 29 | +Make sure to also [review the prerequisites for using geospatial components](geospatial-overview.md#prerequisites). |
| 30 | + |
| 31 | +## Use the component |
| 32 | + |
| 33 | +Insert the component into your app as you normally would for any other control or component. |
| 34 | + |
| 35 | +With an app open for editing in [Power Apps Studio](https://create.powerapps.com): |
| 36 | + |
| 37 | +1. Open the **Insert** tab. |
| 38 | + |
| 39 | +2. Expand **Input**. |
| 40 | + |
| 41 | +3. Select the component **Address input (preview)** to place it in the center of the app screen, or drag and drop it to position it anywhere on the screen. |
| 42 | + |
| 43 | +4. (Optional) Select **Allow** on the prompt that asks to know your ___location. This enables the component to bias results by the user's current ___location. |
| 44 | + |
| 45 | +  |
| 46 | + |
| 47 | +You can modify the component with a number of properties. |
| 48 | + |
| 49 | +### Properties |
| 50 | + |
| 51 | +The following properties are on the component's **Address Input** pane on the **Properties** and **Advanced** tabs. |
| 52 | + |
| 53 | + |
| 54 | + |
| 55 | +Some properties are only available in the **Advanced** tab, under the **More options** section. |
| 56 | + |
| 57 | +Property | Description | Type | Location |
| 58 | +- | - | - | - |
| 59 | +Enable autofill | Whether the component gives address suggestions. | Boolean | Properties |
| 60 | +Search result limit | The number of suggested addresses the component displays. | Integer | Properties |
| 61 | +Search within radius | Whether the component should suggest addresses within the user-defined **Radius** of the **Latitude** and **Longitude**. | Boolean | Properties |
| 62 | +Latitude | The latitude of the center point used to geobias address suggestions. Requires **Search within radius** to be on. | Decimal between -180 and 180 | Properties |
| 63 | +Longitude | The longitude of the center point used to geobias address suggestions. Requires **Search within radius** to be on. | Decimal between -180 and 180 | Properties |
| 64 | +Radius | The radius in meters around the **Latitude** and **Longitude** to constrain the address suggestions. Requires **Search within radius** to be on. | Decimal | Properties |
| 65 | +Language | The language the address suggestions are returned in | String | Properties |
| 66 | +Country set | Comma separate list of countries to constrain the address suggestions to, in ISO 3166 alpha-2 country codes, for example, "US, FR, KW". | String | Properties |
| 67 | + |
| 68 | +### Additional properties |
| 69 | + |
| 70 | +**[Default](./controls/properties-core.md)** – The initial value of a control before it is changed by the user. |
| 71 | + |
| 72 | +**[Text](./controls/properties-core.md)** – Text that appears on a control or that the user types into a control. |
| 73 | + |
| 74 | +**[BorderColor](./controls/properties-color-border.md)** – The color of a control's border. |
| 75 | + |
| 76 | +**BorderRadius** – The radius of a control's border. |
| 77 | + |
| 78 | +**[BorderStyle](./controls/properties-color-border.md)** – Whether a control's border is **Solid**, **Dashed**, **Dotted**, or **None**. |
| 79 | + |
| 80 | +**[BorderThickness](./controls/properties-color-border.md)** – The thickness of a control's border. |
| 81 | + |
| 82 | +**[Color](./controls/properties-color-border.md)** – The color of text in a control. |
| 83 | + |
| 84 | +**[DisplayMode](./controls/properties-core.md)** – Whether the control allows user input (**Edit**), only displays data (**View**), or is disabled (**Disabled**). |
| 85 | + |
| 86 | +**[DisabledBorderColor](./controls/properties-color-border.md)** – The color of a control's border if the control's **[DisplayMode](./controls/properties-core.md)** property is set to **Disabled**. |
| 87 | + |
| 88 | +**[DisabledColor](./controls/properties-color-border.md)** – The color of text in a control if its **[DisplayMode](./controls/properties-core.md)** property is set to **Disabled**. |
| 89 | + |
| 90 | +**[DisabledFill](./controls/properties-color-border.md)** – The background color of a control if its **[DisplayMode](./controls/properties-core.md)** property is set to **Disabled**. |
| 91 | + |
| 92 | +**[Fill](./controls/properties-color-border.md)** – The background color of a control. |
| 93 | + |
| 94 | +**[FocusedBorderColor](./controls/properties-color-border.md)** – The color of a control's border when the control is focused. |
| 95 | + |
| 96 | +**[FocusedBorderThickness](./controls/properties-color-border.md)** – The thickness of a control's border when the control is focused. |
| 97 | + |
| 98 | +**[Font](./controls/properties-text.md)** – The name of the family of fonts in which text appears. |
| 99 | + |
| 100 | +**[FontWeight](./controls/properties-text.md)** – The weight of the text in a control: **Bold**, **Semibold**, **Normal**, or **Lighter**. |
| 101 | + |
| 102 | +**[Height](./controls/properties-size-___location.md)** – The distance between a control's top and bottom edges. |
| 103 | + |
| 104 | +**HintText** – Light-grey text that appears in an input-text control if it's empty. |
| 105 | + |
| 106 | +**[HoverBorderColor](./controls/properties-color-border.md)** – The color of a control's border when the user keeps the mouse pointer on that control. |
| 107 | + |
| 108 | +**[HoverColor](./controls/properties-color-border.md)** – The color of the text in a control when the user keeps the mouse pointer on it. |
| 109 | + |
| 110 | +**[HoverFill](./controls/properties-color-border.md)** – The background color of a control when the user keeps the mouse pointer on it. |
| 111 | + |
| 112 | +**[Italic](./controls/properties-text.md)** – Whether the text in a control is italic. |
| 113 | + |
| 114 | +**[LineHeight](./controls/properties-text.md)** – The distance between, for example, lines of text or items in a list. |
| 115 | + |
| 116 | +**[OnChange](./controls/properties-core.md)** – How the app responds when the user changes the value of a control (for example, by adjusting a slider). |
| 117 | + |
| 118 | +**[PaddingBottom](./controls/properties-size-___location.md)** – The distance between text in a control and the bottom edge of that control. |
| 119 | + |
| 120 | +**[PaddingLeft](./controls/properties-size-___location.md)** – The distance between text in a control and the left edge of that control. |
| 121 | + |
| 122 | +**[PaddingRight](./controls/properties-size-___location.md)** – The distance between text in a control and the right edge of that control. |
| 123 | + |
| 124 | +**[PaddingTop](./controls/properties-size-___location.md)** – The distance between text in a control and the top edge of that control. |
| 125 | + |
| 126 | +**[PressedBorderColor](./controls/properties-color-border.md)** – The color of a control's border when the user taps or clicks that control. |
| 127 | + |
| 128 | +**[PressedColor](./controls/properties-color-border.md)** – The color of text in a control when the user taps or clicks that control. |
| 129 | + |
| 130 | +**[PressedFill](./controls/properties-color-border.md)** – The background color of a control when the user taps or clicks that control. |
| 131 | + |
| 132 | +**[Size](./controls/properties-text.md)** – The font size of the text that appears on a control. |
| 133 | + |
| 134 | +**[Strikethrough](./controls/properties-text.md)** – Whether a line appears through the text that appears on a control. |
| 135 | + |
| 136 | +**[TabIndex](./controls/properties-accessibility.md)** – Keyboard navigation order in relation to other controls. |
| 137 | + |
| 138 | +**[Tooltip](./controls/properties-core.md)** – Explanatory text that appears when the user hovers over a control. |
| 139 | + |
| 140 | +**[Underline](./controls/properties-text.md)** – Whether a line appears under the text that appears on a control. |
| 141 | + |
| 142 | +**[Visible](./controls/properties-core.md)** – Whether a control appears or is hidden. |
| 143 | + |
| 144 | +**[Width](./controls/properties-size-___location.md)** – The distance between a control's left and right edges. |
| 145 | + |
| 146 | +**[X](./controls/properties-size-___location.md)** – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container). |
| 147 | + |
| 148 | +**[Y](./controls/properties-size-___location.md)** – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container). |
| 149 | + |
| 150 | +## Other geospatial components |
| 151 | + |
| 152 | +- Visualize and interpret ___location data with the **[Interactive map](geospatial-component-map.md)** component. |
0 commit comments