{"id":4433,"date":"2017-02-09T20:19:49","date_gmt":"2017-02-09T14:49:49","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=4433"},"modified":"2022-09-02T16:49:18","modified_gmt":"2022-09-02T11:19:18","slug":"controls-in-dynamics-365-for-mobile-app-input-mask","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2017\/02\/controls-in-dynamics-365-for-mobile-app-input-mask\/","title":{"rendered":"Controls in Dynamics 365 for Mobile App: Input Mask"},"content":{"rendered":"

\"Controls<\/p>\n

Introduction:<\/strong><\/p>\n

Dynamics 365 provides a wide variety of controls which allow developers to add interactive components in the Dynamics 365 mobile app. Each control supports a specific set of input so you can handle variety of data inputs, for instance when a user enters a text, scans a barcode or simply touches a button.<\/p>\n

This is a blog series where we will explore various Controls in Dynamics 365 and their use case scenario. Let us start with Input Mask control which is a user generated set of rules to validate the field. It oversees what a user is allowed to input in a text field. This control allow users to set the formatting for a field like phone number, postal code, credit card number, etc. to prevent transcription errors for Mobile and Tablet users.<\/p>\n

Note:<\/strong> Input Mask control only supports Single Line of Text field type.<\/p>\n

Let us see an example where we want to allow users to add the phone number in the field on the Account record, in a format predefined by us:<\/strong><\/p>\n

    \n
  1. Create a field of Single Line of Text type as \u2018Phone\u2019 on the Account entity form, as shown below;<\/li>\n<\/ol>\n

    \"Controls<\/p>\n

      \n
    1. Select the created field \u2018phone\u2019 and click on Change Properties and then select controls from Field Properties to Add Control, as shown in the screenshot below;<\/li>\n<\/ol>\n

      \"Input<\/p>\n

        \n
      1. Now add the Input Mask control as shown below;<\/li>\n<\/ol>\n

        \"Input<\/p>\n

          \n
        1. Then enable the control for Mobile and Tablet, as seen in the screenshot below;<\/li>\n<\/ol>\n

          \"Controls<\/p>\n

            \n
          1. Users can configure the Mask property in two ways as follows:\n