1 Context:
A form is the next available no-code object, that we will implement, to display data for a specific data set. Additionally, a form can also be used for workflows and processes. In this step, we will drag and drop objects onto the screen and connect them to each other.
2 Result:
3 Step by step guide:
3.1 Copy an existing form
- 👋 Select the “B1 icon” in the top left corner to go back to the Home screen
- 👋 Navigate to “Design” → “Components” → “Forms”
- 👋 Search for the object “OrderForm” in the column “Object Name” in the grid and select it by clicking on the description text
- 👋 Click on the button “Copy”
- 👋 Give it a name like “OrderFrom_<yourName>” and select the module “MyAppModule” and select “Confirm” to save a new form object
3.2 Put the form in the screen
- 👋 Now navigate back to your “OrderOverview” Screen Designer
- 👋 Please select the second icon, called “Design” when hovered over, in the tab on the left to get back to the preview of your screen
- 👋 Search in the panel “Library of Objects” for your newly created Form “OrderForm_<yourName>”
- 👋 Now drag & drop it into the “B” panel in the “Preview” panel
- 👋 Please select the third icon, called “Flow”
- 👋 Hover over the object “OrderDSO” (A plus sign appears) and drag & drop the connection into the “OrderForm_<yourName>” object
- 👋 In the popup window select the “Link type” “Display” and select “Ok”
- 👋 You will find that now the objects will have rearranged themselves
- 👋 Now launch your screen again and see the form displayed on your first screen.
- 💡 The data visible is pre-populated data of the “OrderDSO”. It will show detailed information of a specific data set selected in the grid.
4 Explanation:
By connecting the form to the same DSO that the grid is connected to, a request is sent to the DSO every time a specific record is selected in the grid. This request is then forwarded to the form via the DSO and the record is displayed in detail.
