Using the Tab Editor to Set Tab Order
  • 11 Aug 2021
  • 1 Minute to read
  • Dark
    Light
  This documentation version is deprecated, please click here for the latest version.

Using the Tab Editor to Set Tab Order

  • Dark
    Light

Overview

The Tab Editor in the Forms Designer enables the Tab order to be set sequentially for Form fields, providing convenience for Form users. Proper configuration of the Tab Editor gives users the ability to move from field to field by utilizing the tab key on the keyboard. As a prerequisite, design the Form first, then the tutorial will detail how to set the Tab order using the Tab Editor.


Example

This example sets the Tab order on a Leave Request Form, enabling the user to use the Tab key to navigate sequentially from field to field.

  1. From the Forms Designer, click the Tab Editor link at the lower right corner of the workspace.
  2. Opening the Tab Editor shows the default numbered Tab order of the Form Controls. Selecting a Form Control from the list, highlights the control in the Form.
  3. Set the Tab order only for the controls to which the Tab key will apply.
  4. To include a Form control in the Tab order, click on the CheckBox for the Form control. T
  5. To remove it from the order, simply un-check the corresponding box. Click 'Apply' to save changes. 
    Note:
    If two or more values are set to the same number, Tab order for those controls will occur in the order that they were added to the Designer. 
  6. To change the order, click in the number box beside the element and type the desired number position, then 'Apply' to save. 
  7. In this example, the corresponding TextBox for "Employee Name" will appear first in the order, followed by the CheckBox denoting a "Half Day".
    Note:
    You must click 'Apply' to save changes to the Tab order. Saving and closing the Form Editor does not save changes in the Tab Editor. 
  8. To close the Tab Editor, click the Tab Editor link. 

  9. If the Tab Order of the Form Controls is properly set up, the tab key will navigate through the Form as desired.


Was this article helpful?