Awesome User Controls

Awesome comes with several user controls out of the box. Very minimal styling is assumed and most of the controls must be styled individually, but they come fully functional with Intellisense. User controls are used by adding a class to an existing HTML element. An example is <input type="text" class="calendar" /> This way you can style the calendar.

Many controls require other scripts to be included in your page. These need to be included before the controls are listed as the controls will require certain objects to be present in order to initalize.

Controls are created with the use of Extensions.

Many user controls come with options that can be set by using attributes. These attributes may cause HTML validation errors but work with all browsers. These attributes are referred to as Attribute Options in the documentation. Below is a list of current controls:

Calendar AwesomeCalendar.js Control for selecting a date.
Dialog AwesomeDialog.js Control to create a modal dialog window.
Form AwesomeForm.js Control to provide better styling for table based forms.
GridView AwesomeGridView.js Control for having a list of data that’s sortable, with columns that can be ordered and have changed display. Also provides selecting and binding data.
Menu AwesomeMenu.js Control for display a menu.
ContextMenu AwesomeMenu.js Control for displaying a context menu.
TemplateList AwesomeTemplateList.js Control for display data that’s formatted to a certain look for each object.
Tab AwesomeTab.js Control to display tabbed portions.
Time AwesomeTime.js Control for selecting a time.

Last edited Feb 15, 2011 at 2:18 AM by dahrkdaiz, version 1


No comments yet.