Autotab Controller

   MaestroThe UI design product.  |   Form Builder |  All versions This feature is related to all versions.

Maestro comes with the Autotab Controller component.

Usage

  1. Open the Palette pane in the Maestro Editor.
  2. Locate the Autotab Controller component within the Tools folder.
  3. Drag the component into the View pane or the Wireframe.
  4. Configure the component's properties via the Properties pane.

Properties

The following properties are available to the Autotab Controller component:

Autotab Targets
Field Ref Map
targets

Select Text Fields you want to apply auto-tabbing. Tabbing order is determined by DOM order, not by order of Field References. Use only Field Reference column - Key column is not applicable, leave blank.

Format

Format
Option
format

Allowed characters

The following options are available from the Format dropdown:

Label Value
All all
Text text
Alpha alpha
Alphanumeric alphanumeric
Number number
Custom custom
Pattern
Text
pattern

Pattern regex - characters matching this regex will be disallowed. Refer to https://github.com/Mathachew/jquery-autotab.

Note

You can't add a rule to this component. For more information, see Maestro Business Rules.

Next, learn about the Form component.