Our.Umbraco.Forms.Intl_Tel_Input 4.0.0

dotnet add package Our.Umbraco.Forms.Intl_Tel_Input --version 4.0.0
NuGet\Install-Package Our.Umbraco.Forms.Intl_Tel_Input -Version 4.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Our.Umbraco.Forms.Intl_Tel_Input" Version="4.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Our.Umbraco.Forms.Intl_Tel_Input --version 4.0.0
#r "nuget: Our.Umbraco.Forms.Intl_Tel_Input, 4.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Our.Umbraco.Forms.Intl_Tel_Input as a Cake Addin
#addin nuget:?package=Our.Umbraco.Forms.Intl_Tel_Input&version=4.0.0

// Install Our.Umbraco.Forms.Intl_Tel_Input as a Cake Tool
#tool nuget:?package=Our.Umbraco.Forms.Intl_Tel_Input&version=4.0.0

Our.Umbraco.Forms.Intl-Tel-Input

Add the Intl-Tel-Input text field to your Umbraco Forms

Getting started

This package is supported on Umbraco 10+ and Umbraco Forms 10+.

Installation

Our.Umbraco.Forms.Intl-Tel-Input is available from NuGet or as a manual download directly from GitHub.

dotnet add package Our.Umbraco.Forms.Intl-Tel-Input

Getting Started

If you wish to auto detect the users country, you will need to get an API key from ipinfo.io.

You will need to add the following setting to your appsettings.json

  "IntlTelInput": {
    "IPinfoKey": "YOUR API KEY"
  }

You must add the following if statement to the end of your Umbraco Forms theme Render.cshtml file:

    @if (Model.CurrentPage.JavascriptCommands.Any())
    {
        <script>
            document.addEventListener("DOMContentLoaded", function() {
                @foreach (var javascriptCommand in Model.CurrentPage.JavascriptCommands)
                {
                    @Html.Raw(javascriptCommand)
                }
            });
        </script>
    }

It should be placed directly after the following lines:

    @* Form Scripts *@
    @if (Model.RenderScriptFiles)
    {
        @* Render the scripts.cshtml file to included standard conditionals and validation logic *@
        await Html.RenderPartialAsync(formScriptView);
    }

The following settings are available on the field type, and are set on each form within the Umbraco Forms Backoffice.

  • Validation message
  • Placeholder
  • Initial country
  • Enable / Disable auto country detection
  • Restrict drop down list options to certain countries
  • Specify which countries should be boosted and appear at the top of the drop down list

Contribution guidelines

To raise a new bug, create an issue on the GitHub repository. To fix a bug or add new features, fork the repository and send a pull request with your changes. Feel free to add ideas to the repository's issues list if you would to discuss anything related to the package.

License

Copyright © 2022 UmbHost Limited.

Licensed under the MIT License.

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

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
4.0.0 111 4/5/2024
3.0.3 642 1/18/2023
3.0.2 301 11/23/2022
3.0.1 439 6/27/2022
3.0.0 474 6/16/2022
2.0.3 473 5/12/2022
2.0.2 469 5/12/2022
2.0.1 445 5/12/2022
2.0.0 450 5/12/2022

Included utils.js package, updated Intl-tel-input to 17.0.19