Aqtra Platform Studio allows building a unique user interface for each Component using Interface Builder. Interface Builder is accessed via Studio → Component → <Your_Component_Name>→ Definition navigation, and will look like shown below.

Interface Builder allows doing the following:

• Using Component’s Object Model which was setup as described here, create forms and pages that would comprise the Component’s UI
• Create navigation between different forms and pages of the Component’s UI, for both Web and Mobile versions
• Configure custom CSS styles for any and each UI components used for Component Interface
• Setup the desired layout for all UI components

Creating a new form

Once Component’s Object model is set up, the new form to show the desired elements of the Component can be created. For that, each component data field (property) that needs to be shown in UI have to be added to the main component page (called Main Page by default).

This can be done one of the two ways:

• The relevant component property can be clicked and then drag-and-dropped to the form in the middle of the screen. This will automatically create the UI control based on component’s property type (String, Date, etc) and labeled with component’s name

• Alternatively, a desired control can be selected using the UI Components menu on the right, then drag-and-dropped on the form, and then associated with a proper component’s property using a Database icon on the top-right corner of the selected UI control