Skip to content

Mask Control

The TekDog Input Mask Control provides the ability to apply a format expectation to a text field in Nintex.

Mask Control

The TekDog Input Mask Control provides the ability to apply a format expectation to a text field in Nintex. This control may replace a common single line text box or other controls on your form.  The Input Mask Control provides 27 formats that can be applied to your fields.  These formats include items like email, phone number address types and more.  This control can then be bound to a single line text box.  The advantage of the Input Mask Control is the ability to do real-time validation on a control while showing a validation message at the time of entry, instead of on record-submit, which is the standard SharePoint/Nintex behavior.  

Get more out of your Nintex Text Controls. To set up the Mask Control, follow these quick and easy steps!  

 

STEP 1: CREATE YOUR LIST

Create a list with the appropriate fields for your form. 

 

STEP 2: CREATE A NINTEX FORM

Create a Nintex form for your list using Nintex Forms. 

 

STEP 3: DELETE AND REPLACE WITH MASK CONTROL

Delete the control you would like to replace with the TekDog Mask Control.  In the following example, we will apply the Mask Control for a phone number field. 

DeleteField.png

STEP 4: DRAG & DROP THE TEKDOG MASK CONTROL

From Form Controls, select TekDog Input Mask Control and drag and drop it in the location of the original field.  

SelectControl.png

Now, the control has been added to the canvas as seen below. 

DropControl.png

STEP 5: CONFIGURE THE CONTROL

Double-click on the control to enter the configuration. 

EmptyControl.png

STEP 6: NAME IT

Configure the control name according to Nintex best practices

Name_Control.png

STEP 7: BIND THE CONTROL

Bind the control to the original field.  In this example, we are binding to "EmployeePhone"

BindPhone.png

STEP 8: SELECT YOUR MASK INPUT

 Select your pre-defined input mask.  In this instance, we are using "PhoneNumberWithDashes".  Remember, there are 27 other options available, plus regular expression and by example. 

SelectPhone.png

STEP 9: ADD YOUR VALIDATION MESSAGE

Input a custom validation message. 

BindPhone.png

STEP 10: SAVE, PUBLISH TEST!

Save the control settings and publish your form.  Be sure to TEST your form!

TestingForm.png

Leave a Comment