Kodblue.Autocomplete.Address
1.0.1
dotnet add package Kodblue.Autocomplete.Address --version 1.0.1
NuGet\Install-Package Kodblue.Autocomplete.Address -Version 1.0.1
<PackageReference Include="Kodblue.Autocomplete.Address" Version="1.0.1" />
paket add Kodblue.Autocomplete.Address --version 1.0.1
#r "nuget: Kodblue.Autocomplete.Address, 1.0.1"
// Install Kodblue.Autocomplete.Address as a Cake Addin #addin nuget:?package=Kodblue.Autocomplete.Address&version=1.0.1 // Install Kodblue.Autocomplete.Address as a Cake Tool #tool nuget:?package=Kodblue.Autocomplete.Address&version=1.0.1
Seamless Address Autocomplete With Google Places
Elevate your Umbraco Forms experience with this Autocomplete fieldtype that harnesses the capabilities of Google Places API. Streamline address entry for users by offering intelligent autocomplete suggestions and effortless autofill functionality.
Key Features
- Address Autocomplete: Provide users with real-time address suggestions as they type.
- Autofill: Automatically populate address fields like street, house number and city with the selected address.
- Customizable: Configure the fields to suit your needs by setting the country, language, and other options.
- Intuitive User Experience: Provide a smooth and familiar address entry process, minimizing user frustration and reducing form abandonment rates.
- Easy Installation and Setup: Straightforward integration into your Umbraco Forms with minimal configuration required.
Installation
- Install Kodblue.Autocomplet.Address via NuGet Package Manager.
- Add your Google Places API key to your appsettings.json file with the following name: KodblueAutocompleteAddress:GooglePlacesApiKey.
- Add the
Autocomplete Address
field to your form.
Address fields
The Google Places Autocomplete field will automatically populate the following fields:
- Street: You don't need to add a separate field for the street, when using the Autocomplete Address field, there will be a hidden textfield where we autofill the street.
- House number: Add a field for house number with alias: houseNumber
- Apartment / suite: Add a field for apartment / suite with alias: apartment
- Sublocality: Add a field for sublocality with alias: sublocality
- City: Add a field for city with alias: city
- Zip code: Add a field for zip code with alias: zipCode
- State: Add a field for state with alias: state
- Country: Add a field for country with alias: country
It is not required to add all the fields, you can add only the fields you need, but it is important to add the fields with the correct alias, otherwise the field will not be populated.
Alternative Google Places API Key Configuration
The package checks if there is a API key in the appsettings.json file, if there is one it will place the Google Places script directly above the field. If there is no key, the package will not add the script to the html.
So if you would like to add the Google Places script to the head section of the website, you can do this manually.
Screenshots
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
-
net8.0
- Umbraco.Cms.Core (>= 13.3.0)
- Umbraco.Forms.Core (>= 13.1.2)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
1.0.1 | 185 | 5/20/2024 |
1.0.0 | 93 | 5/17/2024 |
1.0.0-beta.3 | 56 | 5/14/2024 |
1.0.0-beta.2 | 57 | 5/10/2024 |
1.0.0-beta.1 | 55 | 5/10/2024 |