Add a Divider Line to a Tab in a Hub

You can add divider lines to a tab in a hub to organize the contents of the tab.

To add a divider line to a tab in a hub:

  1. In the Navigation pane in the browser application, open Screen Designer in one of the following ways:
    • Go to the Hubs section and select the hub that you want to customize. On the hub form, select Design from the Actions drop-down menu.
    • Go to the Settings section and select Screen Designer. In the drop-down list in the title bar of the Screen Designer form, select the hub that you want to customize.
  2. On the Screen Designer form, click the tab that you want to add the divider line to.
  3. In the actions and properties pane on the right side of the form, click Add Divider Line in the Actions section. A divider line box is added to the tab on the Screen Designer form.
  4. Be sure that the divider line is selected on the Screen Designer form, and complete the following information in the Field Properties section in the actions and properties pane as desired for the divider line:
    • In the Caption field, enter a label (text) for the divider line.
    • In the Level field, select where the divider line is placed in relation to the divider line caption text that you entered in the Caption field.
      • 1: This places the divider line below the caption text.
      • 2: This places the divider line at the same level as the caption text.
      • 3: Only the caption text displays and the divider line is omitted.
    • In the Hidden field, select the security roles for which to hide the divider line.
    • In the Tooltip field, enter text that you want users to view when they click beside the divider line. For example, you may want to provide users with specific instructions or information about the section below the divider line.
  5. Use your mouse to drag and drop the divider line on the Screen Designer form to the desired location on the tab.
  6. Change the length of the divider line by hovering over it and clicking and dragging the resize icon to the left or right.
  7. Click Save in the actions and properties pane.
Parent Topic: How to ...