- ###### FILES

- Two new item submitted Marketing Manager
  17kb
- 52 Doc file Generator FontEnd Developer
  550kb
- 25 Xls File Uploaded Digital Marketing Manager
  20kb
- Anna Strong Web Designer
  37kb

- ###### MEMBERS

- John Doe UI designer
- Michal Clark FontEnd Developer
- Milena Gibson Digital Marketing
- Anna Strong Web Designer

- ###### PAGES

- error_outline No results found.

##### Form Masks

Formatter Format user input to match a specified pattern.

#### Basic Demo

- View
- js

Date
Date
Time
Date & Time
Time
Characters (Only)
Phone Number
Credit Input

          $('#date-demo1').formatter({
            'pattern': '{{9999}}-{{99}}-{{99}}',
          });
          $('#date-demo2').formatter({
            'pattern': '{{9999}}/{{99}}/{{99}}',
          });
          $('#time-demo').formatter({
            'pattern': '{{99}}:{{99}}',
          });
          $('#time-demo2').formatter({
            'pattern': '{{99}}:{{99}}',
          });
          $('#date-time').formatter({
            'pattern': '{{9999}}/{{99}}/{{99}} {{99}}:{{99}}',
          });
          $('#characters-demo').formatter({
            'pattern': '{{aaaaaaaaaa}}',
          });
          $('#phone-input').formatter({
            'pattern': '({{99}}-{{9999}}-{{9999}})',
            'persistent': true
          });

#### Extended

- View
- js

Phone
Phone Code
Currency
Credit Card
Product Key
Purchase Code

          $('#phone-demo').formatter({
            'pattern': '({{999}}) {{999}}-{{9999}}',
            'persistent': true
          });
          $('#phone-code').formatter({
            'pattern': '+91 {{999}}-{{999}}-{{999}}-{{9999}}',
            'persistent': true
          });

          $('#currency-demo').formatter({
            'pattern': '$ {{999}}-{{999}}-{{999}}.{{99}}',
            'persistent': true
          });
          $('#credit-demo').formatter({
            'pattern': '{{9999}}-{{9999}}-{{9999}}-{{9999}}',
            'persistent': true
          });

          $('#product-key').formatter({
            'pattern': 'm{{*}}-{{999}}-{{999}}-C{{99}}',
            'persistent': true
          });
          $('#purchase-code').formatter({
            'pattern': 'ISBN{{9999}}-{{9999}}-{{9999}}-{{9999}}',
            'persistent': true
          });
        });

add

- help_outline
- widgets
- today
- mail_outline