Skip to content

A PowerApps PCF control that displays a single text field masked with a configurable pattern (e.g., phone numbers). The mask pattern is fully configurable via the maskPattern property.

License

Notifications You must be signed in to change notification settings

cvitacek/NumericInputMask

Repository files navigation

NumericInputMask PCF Control

A PowerApps PCF control that displays a single text field masked with a configurable numeric pattern (e.g., phone numbers, SSN, others). The mask pattern is fully configurable via the maskPattern property.

Features

  • Configurable mask template (e.g., (___) ___-____ )
  • Always displays the mask template, updating as the user types
  • Supports any mask pattern using underscores (_) as digit placeholders

Usage

  1. Add the control to your PowerApps environment.
  2. Bind the maskField property to the text field you want to mask.
  3. Set the maskPattern property to your desired template, e.g.:
    • US Phone: (___) ___-____
    • US Phone: +1 (___) ___-____
    • SSN: ___-__-____
    • CUSTOM: AA-__-____-2005

Properties

Property Type Usage Description
maskField SingleLine.Text bound The field to display and store the masked value.
maskPattern SingleLine.Text input The mask template, e.g. (___) ___-____.

Example

If you set maskPattern to (___) ___-____, the control will display:

(___) ___-____

As the user types, digits fill the underscores.

License

This project is licensed under the MIT License.


Author: Chris
Version: 0.0.1

About

A PowerApps PCF control that displays a single text field masked with a configurable pattern (e.g., phone numbers). The mask pattern is fully configurable via the maskPattern property.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published