uzbekdev1 / shieldui-lite

Lightweight version of the Shield UI JavaScript/HTML5 library

Shield UI Lite

Introduction

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.

Included Widgets

• 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

Bower Installation

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

Requirements and Dependencies

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

Building Shield UI Lite

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.

Prerequisites

To build Shield UI Lite from the source code, you will need NodeJS, Git and Grunt.

Install NodeJS

Download and install NodeJS from their website.

Install Git

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

Install Grunt globally with the following console command:

npm install -g grunt-cli

Build Process

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.

Documentation and Usage

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.

Changelog

For details about changes and release notes, see the Shield UI Changelog.

ShieldUI Lite and ShieldUI Standard bundles

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

License Information

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.