Working in UI Design View Mode for Data Transfer to Select Box Element

After completing the operations in Datasource view mode, open the UI Design module. Then, select the screen you want to work with the Select Box element. In order to transfer data to the Select Box element, you must first add the custom action you have created as “Initial Action” to the screen where the Select Box element will be located.

1. Adding Initial Action

Follow the steps below to add an “Initial Action”:

• Click the “ADD ACTION” button in the “Properties” panel on the right side.

• In the menu that opens, select “Initial Actions → Custom →Datasource”. When you hover over the Datasource item, the custom actions you have created will be listed.
• From this list, click on the “SelectDepartment” custom action.

2. Adding Select Box Element

Then drag and drop one Select Box element to the workspace.

2.1. Click on a Select Box Element

Click on the Select Box element you dragged and dropped to enable data transfer.

3. Select Box Element Data Binding Options

• Open the “Options” menu via the “Properties” panel on the right sidebar.
• In the drop-down menu under the “Action” heading, you should select the action that you have created as a custom action and that will provide the listing in the Select Box. In the example scenario, select the “SelectDepartment” action.
• Under the “Field to display” heading, select the column with the data to be displayed in the Select Box element. In the example scenario, select “DepartmentName”.
• Finally, in the drop-down menu under “Field to Use as Key”, select “Id” as key.

By following these steps, you will have successfully transferred data to the Select Box element.