Page Controls
All page controls are wrapped in a <div> tag with two classes.
- ControlContainer
- [ContolName]Container (i.e. LabelContainer)
In the end, a rendered button control will have the following html
<div class="ControlContainer ButtonContainer"><button></button></div>
Rendered as a straight <button></button> element. Hook up a
script to a button click event and make your page do stuff.
Capture a True or False input from a user.
A Check box list renders a list of options and allows user to select multiple values.
Datagrids are rendered as tables with column ordering. Optionally these can also have a search box and an export button. Clicking the export button pushes the data into a CSV file and prompts the user to download it.
This renders as a standard <select></select> tag containing <option></option> tags.
Display a pre-chosen image to the user.
A label renders as a set of <span> tags.
Layout Grid is based on the 12 column bootsrap grid and allows you to create columns on your page for precise layout.
You can use the Table control to layout other controls and apply consistent spacing.
A link renders as a set of <a /> tag. In order to add some behaviour to the page, you can attach a script to the click event.
A menu renders as an unordered list. It can be displayed top-to-bottom menu or left-to-right multi-level drop-down menu.
A panel renders as a <fieldset /> tag. You can place items into the panel to group them.
A Check box list renders a list of options and allows user to select one value.
A textbox renders as a set of <textarea /> tag with the height of a single line input.
An upload file renders as a <form /> tag containing an <input type="file" /> tag and a <button /> tag. The functionality for uploading the file is already built into the control. All you need to do is set the control properties.