Skip to main content

6 - Create Menus

Last updated 2/05/2025

The menus for the Book Club application need to be structured so that the menus can be assigned to a role. When a menu is assigned to a role, a user logging into your application with that role will be logged in under that menu and the children menus will be available. Effectively, the top-level menu is removed.

Two new menus will be created called Administration Menu and Members Menu.

The Administration Menu will hold the Users and Classifications menus. Any user assigned to this menu can add new users to the Book Club application and create classifications so a member can select what classification their book falls under.

The Members Menu will just hold the Books menu for now. On a member's login, they can add their books into the system to lend to other members.

The current menus in the Book Club application will need to be re-ordered to have the appropriate parent menu assigned to them.

1. Click Visual in the menu.

2. Click Menus in the sub-menu.


Menus menu item
Figure 1 - Menus menu item

Add the Administration Menu

1. Click the Add Item button.

2. Type Administration Menu in the Caption field.

3. Type 100000 before AdministrationMenu in the Menu ID field.

tip
The numbering system will help you locate your menus quickly by clicking the Sort button in the list app bar next to the Menu ID heading!

info
All menus that belong to the Administration Menu will start with 100.

4. Type 100000 in the Menu Order field.

5. Optional: Click the Edit button in the Icon field, navigate and open an image file.


Add Administration menu
Figure 2 -Add Administration menu

6. Click the Save button in the form app bar.


Save button
Figure 3 - Save button

Edit the Users Menu

1. Select the Users record in the list.

2. Either click the Edit button in the form app bar or click directly in the Menu ID field.


Edit button
Figure 4 - Edit button

3. Type 100100 before Users in the Menu ID field.

4. Click the Cancel button in the Menu Order field and and type 100100.

5. Click the lookup icon in the Parent Menu field and select 100000AdministrationMenu (Administration Menu).


Edit Users menu
Figure 5 - Edit Users menu

6. Click the Save button in the form app bar.


Save button
Figure 6 - Save button

Edit the Classifications Menu

1. Select Classifications in the list.

2. Either click the Edit button in the form app bar or click directly in the Menu ID field.


Edit button
Figure 7 - Edit button

3. Type 100200 before Classifications in the Menu ID field.

4. Click the Cancel button in the Menu Order field and type 100200.

5. Click the lookup icon in Parent Menu field and select 100000AdministrationMenu (AdministrationMenu).

6. Optional: Click the Edit button in the Icon field, navigate and open an image file.


Edit Classifications menu
Figure 8 - Edit Classifications menu

7. Click the Save button in the form app bar.


Save button
Figure 9 - Save button

Add the Members Menu

1. Click the Add Item button.

2. Type Members Menu in the Caption field.

3. Type 200000 before MembersMenu in the Menu ID field.

4. Type 200000 in the Menu Order field.

5. Optional: Click the Edit button in the Icon field, navigate an open an image file.


Add Members menu
Figure 10 - Add Members menu

6. Click the Save button in the form app bar.


Save button
Figure 11 - Save button

Edit the Books Menu

1. Select the Books record in the list.

2. Either click the Edit button in the form app bar or click directly in the Caption field.


Edit button
Figure 12 - Edit button

3. Click the Cancel button in the Caption field and type Member Books.

4. Click the Cancel button in the Menu ID field and type 200100MemberBooks.

5. Click the Cancel button in the Menu Order field and type 200100.

6. Click the lookup icon in the Parent Menu field and select 200000MembersMenu (Members Menu).

7. Optional: Click the Edit button in the Icon field, navigate and open an image file.


Edit Books menu
Figure 13 - Edit Books menu

8. Click the Save button in the form app bar.


Save button
Figure 14 - Save button