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 “Home 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 “Duplicate”
- Give it a name like “OrderForm_<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 first tab, called “Design view” 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 “Design View” panel
- Please select the third tab, called “Flow view”
- Hover over the grey dot at the bottom of “OrderDSO” (the mouse cursor will change) 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.
