The Actions view

Through the Actions view, you can view, create and edit actions. These actions are typically used in the menu bar and toolbars of window type apps.

Figure 59: Creating a Main Window app

When menu entries are inserted in the menu bar by typing them in the Ui Designer, the editor will automatically create the corresponding actions, which are visible in the Actions view. To insert a menu entry, double-click the Type Here field and enter a name for your action:

The field becomes editable. You can enter a name for your action and then press Enter on your keyboard to confirm the input.

When you do this, the action appears in the menu bar, and the application proposes two more fields in which to enter a new action, the first in the same group as the action you have just created, the second as a new group to the right of the first group:

Now you can select one of these groups and enter further actions.

Actions can also be created in the Actions view first, and then dragged and dropped into the menu.

Actions can also be dragged and dropped over toolbars, to create buttons on the toolbar. To do this:

Procedure

1. Add a toolbar from the contextual menu of the main window object:

2. Drag and drop actions from the Actions view onto the new toolbar:

You can add an icon to an action in the toolbar:

To do this:

Procedure

1. Add the icon file to the project as an image in the project files tree:

Figure 60: Importing an image file

Figure 61: Image file imported

2. Open the action editor from the contextual menu:

3. Select the icon file from the resources dialog:

Results

The icon selected is displayed in the toolbar: