Widgets > International phone number

Overview

The International phone number Widget for Bizagi is available for download at Bizagi Widget Xchange.

Through this Widget, you will be able to display an input that aids when capturing an international phone number (which needs a calling country code prefix).

PhoneNumber_teaser

Before you start

In order to test and use this Widget, you will need:

1.Bizagi Studio previously installed.

2.This specific Widget previously installed, either as described at https://help.bizagi.com/platform/en/index.html?widget_xchange.htm, or as described at https://help.bizagi.com/platform/en/index.html?widgets_manualinst.htm.

Data model considerations

In order to use this Widget, you need in your data model:

•A string type attribute which holds the phone number you want to capture.

PhoneNumber_datamodel

Properties configuration

In order to configure this Widget once it is installed in your project, include it in any form and set it properties in the Forms designer, just as you would do with any other type of Bizagi control.

PhoneNumber_forms

Consider the following properties.

PROPERTY	POSSIBLE VALUES	DEFAULT VALUE / SUGGESTED
Data binding	A string type attribute which holds the phone number.	Not applicable. This property is mandatory.
Display name	An optional label to put in front of the input that captures the phone number.	(none)
Default country	String. Allows to set a default country from the widget configuration. When defined, the country must be written according to the two-letter country codes defined in the ISO 3166-1 alpha 2.	(none)
Preferred countries	String, allows to define a list of preferred countries, which will be displayed in the drop-down list. When defined, the countries must be separated by commas and written according to the two-letter country codes defined in the ISO 3166-1 alpha 2.	(none)
Default value	String. Default value for the phone number	(none)
Dial code	Yes/No. This property indicates weather the country code is going to be shown or not in the work portal. Yes: the country code is displayed in the work portal. No: the country code is not displayed in the work portal	(none)

note_pin

Notice all Bizagi controls and Widgets, enable a visible property which allows you to set if that control should be displayed in a given form or not (e.g, by using a business rule).

This Widget enables this property as well as editable and required.

For complete documentation or more information about this Widget's possibilities (e.g, if you wish to customize and extend it), refer to the information about the implemented jQuery Plugin at http://www.jqueryscript.net/demo/jQuery-International-Telephone-Input-With-Flags-Dial-Codes/

http://jackocnr.com/intl-tel-input.html

Watch it in action

The process Travel Request available in Process Xchange has already a completely functional phone number widget in it. (https://www.bizagi.com/en/platform/xchange).

PhoneNumber_forms_xchange

Last Updated 10/28/2022 9:56:21 AM