You can add widgets to a web page by dragging content to the Design surface of the Rich UI editor. The drag-and-drop and subsequent interaction with the editor updates the source code for the Rich UI handler that you are developing.
By default, the widget palette is at the right of the editor, and the Data view is at the lower left of the workbench.
In this lesson, you create a Rich UI Handler and add a data grid to display all rows in the database. Later, you will add a grid layout to display the fields in a selected record.
To create the handler:
To create the data grid:
To create the Add, Delete, and Sample buttons on the Design surface:
To create the variable:
To create the grid layout:
To add the Clear and Save buttons:
In the next lesson, you create the service that will access the database.