The Scaffolding template that generates Views from the DataModels directly, creates text boxes for entry fields and labels for display fields. It also creates check boxes for Boolean types by default. If a caption has been set for a field in System Modeler, then this information is used as a label for the field on the View, otherwise the field name is used as a label. Since there is no other presentation related information in the DataModels, the template does not create any other control types in the View when generating Views from the DataModels.
Copy.From items are created in an HTML table based on the CopyFromItems collection in the DataModel.
The HTML controls for the fields is created in the Razor View in the order in which they are defined by the DataModel. The View utilizes the Bootstrap CSS library to lay out the fields on the page. The View can now be customized to reflect the desired styling for your website.
This might involve
Replacing the generated text boxes with the required control types (for example, convert a text box to a list box by replacing the Html.EditorFor() definition with an Html.DropDownListFor()). The Helpers.cs file provides HTML Helper methods that are specific to AB Suite interactions, so that you can use these when defining controls in the View.
Adding style to the View based on custom stylesheets for your website.
Modifying the form layout by using the Bootstrap layout model. The generated Views are modelled after the Views are created by the standard Microsoft View generation template that uses the Bootstrap layout by default. However, you can remove Bootstrap layout from the generated View manually, if you prefer to use a different layout.