Shield UI specializes in the design and production of specialized highly functional and flexible UI components for pure JavaScript development, as well as development for ASP.NET, ASP.NET MVC and JAVA Wicket. The Shield UI component Suite consists of more than 70 widget types.
The Shield UI Lite bundle offers a fully functional set of web development jQuery components, ranging from smaller input controls to large components such as the Shield UI jQuery Grid.
The widgets included in the present Suite are listed below.
- Accordion
- AutoComplete
- Button
- Calendar
- CheckBox
- ColorPicker
- ComboBox
- ContextMenu
- DataSource
- DatePicker
- DateTimePicker
- DropDown
- Grid
- ListBox
- LoadingPanel
- MaskedTextBox
- Menu
- MonthYearPicker
- NumericTextBox
- Pager
- ProgressBar
- QRCode
- RadioButton
- Rating
- Slider
- Splitter
- Switch
- Tabs
- TagCloud
- TextBox
- Timeline
- TimePicker
- Tooltip
- Window
You can install Shield UI Lite using Bower:
bower install shieldui-lite
This will create the following directory, containing all Shield UI Lite assets:
bower_components/shieldui-lite/dist
Shield UI Lite depends on the following external JavaScript libraries:
- jQuery 1.9.1+. Shield UI has also been tested with jQuery 2+
- Globalize 0.1.0+
Additionally, the build process will download the following testing libraries, but they will not be needed for the library's execution:
- QUnit
- Sinon.JS
In order to use the Shield UI Lite library, you must build it from source.
Alternatively, you can download and use the Trial version of Shield UI, available here.
To build Shield UI Lite from the source code, you will need NodeJS, Git and Grunt.
Download and install NodeJS from their website.
Download and install Git from their website.
NOTE: You will need to install Git with the "Run Git from the Windows Command Prompt" option in order to be used by Bower, as it is shown below:
[ ] Use Git bash only
[x] Run Git from the Windows Command Prompt
[ ] Run Git and included Unix tools from the Windows Command Prompt
Install Grunt globally with the following console command:
npm install -g grunt-cli
To build the Shield UI Lite library, go to your shieldui-lite directory and use the following commands:
npm install
grunt build
If the build is successful, you should see the following message:
Done, without errors.
At this point the compiled Shield UI Lite JavaScript and CSS resources should be located in the dist
directory.
The dependencies such as jQuery and Gloablize should be in external
.
The widgets present in the ShieldUI Lite Suite are fully documented.
To see more information on how to get started using them, please refer to the following documentation page.
To see the specific information for a particular widget, simply navigate to the widget that you interested in. There is a separate documentation section for each widget.
If you are new to the widget, the most important section to start from is the Getting Started topic. For example, to see how to use the ShieldUI jQuery Grid component, simply navigate to the getting started topic in its section, located here.
For details about changes and release notes, see the Shield UI Changelog.
The table below summarizes the components included in the two versions of the ShieldUI jQuery Suites - the Lite and Standard versions. For a complete list of components, please visit the online demos section.
Component | ShieldUI Lite | ShieldUI Standard |
---|---|---|
Accordion | Yes | Yes |
AutoComplete | Yes | Yes |
Barcode Suite | No | Yes |
Button | Yes | Yes |
Calendar | Yes | Yes |
Chart | No | Yes |
CheckBox | Yes | Yes |
ColorPicker | Yes | Yes |
ComboBox | Yes | Yes |
ContextMenu | Yes | Yes |
DataSource | Yes | Yes |
DatePicker | Yes | Yes |
DateTimePicker | Yes | Yes |
DropDown | Yes | Yes |
Editor | No | Yes |
Grid | Yes | Yes |
ListBox | Yes | Yes |
LoadingPanel | Yes | Yes |
MaskedTextBox | Yes | Yes |
Menu | Yes | Yes |
MonthYearPicker | Yes | Yes |
NumericTextBox | Yes | Yes |
Pager | Yes | Yes |
ProgressBar | Yes | Yes |
QRCode | Yes | Yes |
RadioButton | Yes | Yes |
Rating | Yes | Yes |
Slider | Yes | Yes |
Splitter | Yes | Yes |
Switch | Yes | Yes |
Tabs | Yes | Yes |
TagCloud | Yes | Yes |
TextBox | Yes | Yes |
Timeline | Yes | Yes |
TimePicker | Yes | Yes |
Tooltip | Yes | Yes |
TreeMap | No | Yes |
TreeView | No | Yes |
Upload | No | Yes |
Window | Yes | Yes |
The Shield UI Lite library is licensed under the MIT license, details of which can be found in the LICENSE.txt file located in this folder. The license applies ONLY to the source code of this repository and does not extend to any other Shield UI distribution or variant, or a third-party library used.
For more details about Shield UI licensing, see the Shield UI License Agreement page at www.shieldui.com. Shield UI Commercial support information can be found on this page.