Infragistics(R) IgniteUI
Ignite UI Overview
E-mail your feedback on this topic.

Glossary Item Box

The jQuery JavaScript Library

The jQuery JavaScript library has become one of the most widely-used JavaScript libraries found on the web. jQuery’s browser abstraction layer along with the built-in DOM selection engine make the library a solid platform for constructing UI components and controls. Built on top of the jQuery core, the jQuery UI library provides widgets and interactions for designing highly interactive and responsive web user interfaces.

Benefits of using jQuery include:

Client-Side Development with jQuery, jQuery UI, and HTML5

All major browser vendors have made significant improvements in JavaScript performance in the past several years. These improvements combined with the emergence of HTML 5 standards have contributed to make web applications first-class citizens in modern computing environments. IgniteUI™ is built to meet the demands of modern web applications with light-weight, fully-functional, and touch-supported UI components including:

Mobile Client-Side Development with jQuery Mobile

The jQuery Mobile framework is a unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code base is built with progressive enhancement, and has a flexible, easily theme-able design. Mobile devices are becoming a popular way to access web applications over a network. Many mobile browsers also comply with HTML5, CSS3, and JavaScript standards to the same degree as their desktop counterparts. IgniteUI™ is built to meet the demands of mobile web applications with light-weight, fully-functional and touch-supported UI components including:

In addition to those two controls, IgniteUI™ includes a set of ASP.NET MVC helpers to add standard jQuery Mobile widgets to ASP.NET views using Razor and ASPX syntax. This speeds up development in an ASP.NET MVC project. The ASP.NET MVC helpers support the following controls:

Server-Side Options

Most of the functionality of IgniteUI is available in the browser independent of any particular server framework. Whether using Microsoft® ASP.NET™ Web Forms, ASP.NET MVC, PHP, Java™, Python™ or Ruby on Rails® you are free to choose the server-side technology that best suits your needs.

Note: The igUpload control, while built with jQuery on the client, depends on a server-side counterpart to fully realize its function. An ASP.NET MVC helper is included.

Product Architecture

jQuery UI Widgets

The user interface components in IgniteUI are built with the jQuery UI framework as their foundation. This means they are created and run in the browser and in most cases do not require any server development. The jQuery UI framework provides a common API, theming and interaction model for the controls that is familiar to anyone already using jQuery and jQuery UI.

Client-Side DataSource

The data source component, igDataSource, is a client-side JavaScript class that manipulates data through data binding, paging, sorting and filtering collections of data whether local to the client or remote from a web server. Supported remote data formats include: REST, JSON, XML, JSONP and oData. No server-side data binding is required to build data-driven web applications and data-binding operations are available to the client where Ajax can support seamless client-server communication.

ASP.NET MVC Helpers

IgniteUI includes a .NET™ assembly for ASP.NET MVC. This assembly provides .NET developers the ability to interact with the jQuery widgets on the server. Developers using any CLR language can set options on the IgniteUI widgets on the server in order emit the appropriate jQuery and HTML to the client.

The ASP.NET MVC Helpers give you the flexibility to implement different server-side ViewModel patterns. The helper API also supports a fluent syntax for use in both Web Forms and Razor View Engine templates.

ASP.NET MVC Templates

IgniteUI includes Visual Studio project templates for ASP.NET MVC 3 and 4. These templates provide a starter web application including all required resources to run a web application with Infragistics controls.

Infragistics Themes and ThemeRoller

IgniteUI widgets, like other jQuery widgets, utilize the jQuery UI CSS Framework for styling. Included in the product are custom jQuery UI themes including infragistics and metro.

The infragistics theme provides a professional and attractive design to all Infragistics and standard jQuery UI widgets. The metro theme gives a native Metro UI look and feel to IgniteUI controls for upcoming versions of Microsoft® Windows®.

For mobile controls, six themes are included with the IgniteUI library to provide native styling for mobile device platforms including: Android, iOS, and Windows Phone. For Android, three different color sets are provided: holodark, hololight, hololightdark. The Windows Phone theme also has two different appearances: dark and light. The ios theme provides a native look and feel for devices running on the iOS platform.

ThemeRoller is a tool provided by jQuery UI and jQuery Mobile which facilitates the creation of custom themes that are compatible with jQuery UI and jQuery Mobile widgets. Many pre-built themes are available for download to use in your website. The Infragistics jQuery widgets support the use of ThemeRoller themes.

Samples and Installation

Microsoft Windows

Available for download from the Infragistics web site is an automated installer for Windows that will install the following items:

Other Operating Systems

Also available for download from the Infragistics web site is a package which includes the following:

Note: The trial download package contains only the minified JavaScript and CSS files.

External References

Related Items