The user interface (UI) of a designer application can be built using a drag-and-drop interface accessible in the User Interface Designer. When you go into the User Interface Designer, you will see available structural components, as well as input and output modules on the left-hand side menu. The left-hand menu is called the Context Menu. The center area of the User Interface Designer is known as the Staging Area. The Staging Area is the section of the interface where you will define the layout and control sets in your application page.
You can drag and drop the controls from the Context Menu into the Staging Area to add a new instance of that control. The control module that you are dragging will have a dashboard border around it as you hover over a section where it can be placed. Moving a control module over an invalid drop location will not show you the preview of the control within the Staging Area. You can also move control modules that have already been created in order to change their positioning within the application. All input and output modules must be placed inside a Container, and a Container must be placed in a Section. All section modules will come with a Container inside by default.
Click a module to edit its properties. You must assign a Named Range to the control from this contextual menu for each input field. You can also change settings like control label properties, and other control-specific features.
You can only edit one page at a time. The active page can be selected from the Properties Menu on the top-right corner.