1 Context:
In this step, we will integrate the first screen into our app's view. To do this, we will utilise menu functions and the menu structure once again. First, we will create functions and then add them to the menu structure. Then, we will look at how the application looks like from the user's perspective. To achieve this, we will create a dedicated user and start the application with their account.
2 Result:
3 Step by step guide:
3.1 Create a menu function
- 👋 Navigate to the section “Logicalize” -> “Actions” and click on “+ Create Action”
- “Function Name” -> “LaunchOrderOverview”
- “Function Type “ -> “Akioma.Swat.Studio.Menu.Action”
- “Function Code” -> “LaunchOrderOverview”
- Icon -> “fad fa-cart-arrow-down”
- “Module” -> “MyAppModule”
- In the panel “Properties” fill in
- “Action Type” -> “Launch”
- “Action Parameter” -> “OrderOverview_yourName” ⚠️ (Name of your screen)
- 💡Here you define which screen will be launched
- 👋 Select “Save” and close the window
3.2 Create a menu structure
- 👋 Navigate to “Design” -> “Menus” click on “Show root menus” and select the “BuildOne Application”
- 👋 Select your app folder in the folder structure, then click on “Add as sublevel”, call it “MyScreens” and fill in the Menu Structure Code “MyScreens”
- 👋 Select your newly created group “MyScreens” in the section “New Entry” in the dropdown “Item” and click on “Add as sublevel”
- 👋 Call it “Order Overview” and select your “Related Function” -> “LaunchOrderOverview”
- 👋 Select “Save” and copy the “Menu Structure Code” of your folder “MyScreens”.
- 👋 Close the menu screen
3.3 Create a user
- 👋 Navigate to the section “Manage” -> “User” and search for the “Floating Action Button” in the bottom right corner.
- 👋 Click on it and select the appearing button to create a new user
- 👋 Fill in the following information:
- “Username” -> Max
- “Name” -> Max Alesons
- “Active” -> Check
- 👋 Click on “Confirm”
3.4 Configure your app object and launch your app
- 👋 Navigate to “Applications” and click on “Launch Application” for the “MyApp”
- 👋 To change the display and to make only your screen available navigate to “Design” → “All Objects”
- 👋 Search for the “MyApp” and open the Object Designer for it
- 👋 Change the attribute value of “MainMenuCode” to the menu structure code of your screen group “MyScreens”
- 👋 Relaunch the app
- 👋 Close this window
- 👋 Log out from your developer user
- 👋 Add the following parameter to your URL:
/?app=MyApp
and press enter - 👋 Log in with your newly created user Max@Master and the password Max to see the flow from an user perspective
4 Explanation:
It is possible to create and manage multiple apps in B1. What we just did was to integrate our screen into its own app, create a test user, and then start the app. This is how our app would look like from the user's perspective when they log in with their credentials.