8.10.2 Adding Toolbar

This feature helps to configure Tool Bar for an Application built in Bean Builder. A Tool Bar is a pictorial interface which has a collection of Tool buttons performing various operations. Most often the tool buttons perform the same operations defined in the Menu Bar. For example, the commonly performed operations like "Save" and "Open Project" will be present under the "File" menu and also in the tool bar. But using the Tool button is more faster and easy, than using the menus in the Menu Bar. The tool buttons need not necessarily perform the same functions as in the menu bar, they can also perform independent operations.

Configuring the Toolbar

The following are the steps to be followed to configure Toolbar.

• Open a new project in a Bean Builder tool. Right click on the container screen and choose "Menus -->Create Menu" option. This invokes the "Screen Menu Configuration UI" dialog, as shown in the Adding Menubar topic.

• Now select the node ToolBar in the left side tree of the "Screen Menu Configuration UI" dialog.

• Click the "Add" button to configure the Tool buttons.

• A dialog opens up as shown below, with editable fields "Tool Button Name" and "Icon File Name". Enter the names and press "OK".

• A node with the Tool Button name gets added to the left-side tree under the ToolBar node. On selecting the Tool Button node, the respective screen is invoked in the right hand side. The Tooltip text and action command can be provided.

• Now insert the action code in the space provided.

• If the action code is the same as a particular Menu Item in the Menu Bar , then you can select the Menu Item from the combo box which displays all the Menu Items you have configured in your Menu Bar.

• Configure as many Tool Icons as required for your Application by following the above procedure. Close the "Screen Menu Configuration UI" dialog when you finish creating Tool buttons.

• Now you can see the tool bar appearing in the container screen as shown in the image below, which is an example of the simple Tool bar created.

• The Tool bar shown above have the tool buttons "New", "Save" and "Help" with their respective images, tool tip text and action codes.