How to manage views

In this video, you will learn how to configure views in the top main navigation of your application.

Views allow you to organize your application in the main top navigation bar. When you create a new application, the home view is created automatically. Behind a view element there is always a page, which is displayed when clicking on the view.

In this example, we want to create two views in the top navigation bar, each displaying its own page. So let's start with configuring our views:

Steps:

1. First, create a new view by clicking on the Plus icon in the top main navigation.
2. The Create Page dialog opens.
3. Enter "Settings" as name and confirm the dialog by clicking on Create.
4. A new view named "Settings" is displayed in the top navigation.
5. In addition, a new page with the same name was created in the background, which was linked to the Settings main navigation.
6. Click on "Edit Page" to enter the Page Editor.
7. Now add a label to the Settings page using drag and drop.
8. Change the label name to "Settings".
9. Then close the Page Editor by clicking Close in the top bar.
10. Next, select the "Home" view in the upper main navigation bar.
11. Again, click on "Edit Page" to open the page editor.
12. Add a label to the Settings page using drag and drop.
13. Change the label name to "User management".
14. To change the name of existing views or pages, click the gear icon in the upper left corner.
15. A dialog to change the name is displayed.
16. Enter the value "User management" and close the dialog by clicking on the X symbol.
17. Then close the Page Editor by clicking Close in the top bar.
18. The configured views are now displayed in the upper main navigation.
19. Clicking on the views loads the configured page.
20. To change the order of the views in the main navigation, first select the configuration icon in the upper right corner and then select the menu item "Rearrange Menu".
21. Now the order of the views can be changed by drag and drop.
22. To set the new order, we confirm above by clicking the Accept icon.
23. The views are now available in the application in the configured order.
24. To remove a view from the main navigation bar again, first select the configuration icon in the upper right corner and then select the menu item "Remove Page From Menu".
25. A dialog for removing the view is displayed.
26. Pages can be created independently of the top navigation and only later added to the navigation as a view.
27. Open the menu by clicking on the Configuration icon in the upper right corner and then select Edit page.
28. Select the Pages icon on the left navigation bar.
29. All pages currently available within the workspace are displayed.
30. Then click on "New Page".
31. The "Create App Component" page dialog is displayed.
32. Enter the value "Home" for Name and confirm the dialog with "Create".
33. A new page named "Home" has been created and Centrldesk automatically switches to the Page Editor.
34. Select the Pages icon in the left navigation again.
35. Pages that are already used or navigable in our application are displayed at the top under "Used in this app".
36. Our newly created page "Home" is displayed below "Workspace", because it has to be integrated into our application first.
37. Close the Page Editor by clicking Close in the top bar.
38. To add the newly created page to our main navigation, we select the configuration icon in the upper right corner and then select "Add Page to menu".
39. The "Select Page" dialog is displayed.
40. Select the entry "Home" and confirm the dialog with OK.
41. Our newly created "Home" page is displayed in the top main navigation bar and can be selected.
42. In the editor under the menu item "Pages" our page is now displayed as "Used in this app".