Display help text in Jitterbit App Builder

There is a UI/UX feature that allows you to display Help Text in defined regions of App Builder applications. The Help Text feature is available to be configured on a Page, on a Panel, on an individual Control, and at the Column level (table or business object). Over time, the App Builder IDE itself will start to contain Help Text in areas that warrant it. As it is released in 2.7, citizen developers can make use of this tool to provide Help Text within applications to assist end Users. This article will provide an overview of the defined regions where you can configure and add in Help Text within App Builder. When Help Text has been added, there will be a question mark icon that displays in the region where the Help Text is available. Help Text can be easily edited after it has been added.

Video example

Configure on a page

The actual steps to take to configure Help Text are similar for all regions where you can configure and edit this feature.

To configure help text on a page:

1. Navigate to the Page you want to configure Help on
2. Go to the Action Drawer > Design this page
3. Click the Add Help button from the Page Settings panel
4. Enter the information you want to display into the Content (HTML) field
5. Click Save

To edit help text on a page:

1. Navigate to the Page you want to edit Help on
2. Go to the Action Drawer > Design this page
3. Click the Edit Help button from the Page Settings panel
4. Edit the information you want in the Content (HTML) field
5. Click Save

Page configured with Help Text

Configure on a panel

To configure help text on a panel:

1. Navigate to the Page containing the Panel you want to configure Help on
2. Go to the Action Drawer > Design this page
3. Identify the Panel you want to add Help to from the Panels region, and click the corresponding pop-up icon
4. Click the Add Help button from the Control Options panel
5. Enter the information you want to display into the Content (HTML) field
6. Click Save

To edit help text on a panel:

1. Navigate to the Page containing the Panel you want to edit Help on
2. Go to the Action Drawer > Design this page
3. Identify the Panel you want to add Help to from the Panels region, and click the corresponding pop-up icon
4. Click the Edit Help button from the Control Options panel
5. Edit the information you want in the Content (HTML) field
6. Click Save

Panel configured with Help Text

Configure on a control

To configure help text on a control:

1. Navigate to the Panel containing the Control you want to configure Help on
2. Go to the Action Drawer > Design this page
3. Identify the Control you want to add Help to from the Controls region, and click the corresponding pop-up icon
4. Click the Add Help button from the Features panel
5. Enter the information you want to display into the Content (HTML) field
6. Click Save

To edit help text on a control:

1. Navigate to the Panel containing the Control you want to configure Help on
2. Go to the Action Drawer > Design this page
3. Identify the Control you want to add Help to from the Controls region, and click the corresponding pop-up icon
4. Click the Edit Help button from the Features panel
5. Enter the information you want to display into the Content (HTML) field
6. Click Save

Control configured with Help Text

Configure on a column (table or business object)

Help Text can also be configured on a Column that resides either in a Table or a Business Object. When configured here, the Help Text will end up being displayed at the Control level in the application.

To configure help text on a column (business object)

1. Navigate to the Business Logic Layer, to the Business Object where you want to configure Help
2. Click the SQL cog icon to modify the Business Object
3. Locate the Column from the Columns panel, and click the corresponding pop-up icon
4. Click the Add Help button from the Column window
5. Enter the information you want to display into the Content (HTML) field
6. Click Save

To edit help text on a column (business object)

1. Navigate to the Business Logic Layer, to the Business Object where you want to configure Help
2. Click the SQL cog icon to modify the Business Object
3. Locate the Column from the Columns panel, and click the corresponding pop-up icon
4. Click the Edit Help button from the Column window
5. Edit the information you want to display into the Content (HTML) field
6. Click Save

To configure help text on a column (table)

1. Navigate to the Data Storage Layer, and drill into the Tables icon for the Data Source where you want to configure Help
2. Open the record for the Table containing the Column you want to add Help to
3. Locate the Column from the Columns panel, and click the corresponding pop-up icon
4. Click the Add Help button from the Column window
5. Enter the information you want to display into the Content (HTML) field
6. Click Save

To edit help text on a column (table)

1. Navigate to the Data Storage Layer, and drill into the Tables icon for the Data Source where you want to configure Help
2. Open the record for the Table containing the Column you want to add Help to
3. Locate the Column from the Columns panel, and click the corresponding pop-up icon
4. Click the Edit Help button from the Column window
5. Edit the information you want to display into the Content (HTML) field
6. Click Save