Action Bar

An Action bar contains a group of icons, which are used to perform certain actions. The Action bar has the action items defined by the user during the design time and it is available to the user while using the form during run-time.

Note:
- Action bar is supported only on the web browsers. However, it is not supported in Work Tasks Pro App.
- When the window is in the Responsive mode (< 800 pixels in width) in the Web browsers, the Action bar is not displayed.
- Action bar supports only one level of child Action Items.
- You can add multiple child Action Items to an Action Item.

To enable Action bar

1. In the Enterprise Console, click the Menu button, and then click Forms. The Forms page appears.

2. Right-click on the form for which you want to enable Action bar, and then click Design Form. The Forms Designer page appears.

3. On the Action tool bar in the Forms Designer, click Properties. The Properties dialog box appears.

4. Click the Advanced tab.

5. Click Yes for the Enable Action Bar property.

   The Action Bar section appears.

6. Click the + icon.

   A new action item is added.

7. Click the Properties icon.

   The Action Bar Item - Properties window appears.

8. In the Basic tab, specify the following details:

   Property	Description
   Name	Name that identifies the Action Item. This value is also used for the label of the Action Item.
   Image Path	Path to the image for the Action Item. The image path is specified as: xxx For example: If the image ClearAll.png is available in <ThemePath>/NextGenForms/images/, then ensure that you add the hover image ClearAll-Hover.png (with -Hover suffixed to the image name) in the same path. Note: - Ensure the size of the image (icon) is 25x25 pixels.
   Tooltip	Message that appears when the pointer hovers over the Action Item.
   Enable	Enable or disable the Action Item. Select Yes to enable the Action Item. Select No to disable the Action Item. The default value is Yes. For more information about enabling or disabling the Action Item via script, see control.topLevelForm.actionbar.getActionItemByName().
   Visible	Show or hide the Action Item. Select Yes to show the Action Item. Select No to hide the Action Item. The default value is Yes. For more information about changing the Visible property of the Action Item via script, see control.topLevelForm.actionbar.getActionItemByName().
   Action Type	Action for the Action Item. Select Link to Existing Control to perform the respective action, when the Action Item is clicked. Select Specify Script to enter a script that must be executed, when the Action Item is clicked. To link to an existing control. 1. Select Link to Existing Control. The Existing Control drop-down list appears with the controls (of Button, Popup, Invoke Workflow types) present in the Forms Designer including the ones present in the Embed Form Controls. 2. In the Existing Control drop-down list, select the required control to be executed, when the Action Item is clicked. The Action Item is linked to the selected control.

9. Click Apply.

The properties are applied to the Action Item.

10. Repeat steps 6 - 9 to add more Action Items.

Scripts

For information about using scripts, see scripting guidelines for Action Bar control.

Applying styles for Action Bar

You can apply the following styles for the Action bar:

9. Background color for the action bar.

10. Background color for the parent and child Action items in expanded mode.

11. Borders for the expanded child Action item.

12. Borders for the expanded parent Action item.

13. Text color for the Action item.

14. Background color for the Action item on hover.

15. Text color for the Action item on hover.

16. Background color for the icon in the Action item on hover.

17. Action item separator.

18. Action item down arrow, Action item up arrow.