Out of this World Apps Start with the Leading Edge HTML5 Toolset for Any Browser, Platform or Device

The best HTML5 applications call for stellar Data Visualization and rocket-fast performance, and nobody else gives you the tools to deliver across every browser, platform and device better than Ignite UI (formerly NetAdvantage for jQuery). Prepare to launch modern UIs that deliver the versatility of HTML5 without sacrificing resources, time, or money. With Ignite UI, your apps will boldly go where no app has gone before.

Responsive Web Design on Any Browser, Any Platform, and Any Device

Deliver consistent, responsive, captivating apps for the best user experiences anywhere. Leverage the new Layout Manager to to create a design experience that gracefully changes the layout of a page based on changes to the browser's height and width. Ignite UI also offers standard-compliant ASP.NET MVC 2, 3, and 4 compatible wrappers and pure client-side jQuery controls - all tested on all modern web browsers and platforms – to guarantee your applications’ optimal performance and consistency.

Responsive Web Design on Any Browser, Any Platform, and Any Device  
Business Intelligence, Mobilized 

Business Intelligence, Mobilized

Deliver mobile business intelligence so decision makers can keep better tabs on their KPIs and actionable metrics wherever they are. Whether it's the trifecta in powerful grids (Flat, Hierarchical, and Pivot), or more parity for Data Visualization across platforms, including iOS and XAML, Ignite UI has it all. Implement full-featured HTML5 Charts - like bar, line, bubble, scatter, and spline, as well as new options like the Doughnut, Funnel, Sparkline, and Radial Gauge. There's also thematic geospatial Maps and  a Motion Framework that animates data over time to tell a story. Plus, with nearly 20 mobile and Touch-friendly controls support a range of gestures - like flicking, pinching, panning and zooming – Ignite UI makes it easy to interact with your data on the go.

Mobile UI that Exceeds Expectations

Make a great impression and build apps with our jQuery Mobile tools. Our Mobile List View,  Mobile Rating, and new Mobile Input, Navigation, and Layout controls offer mobile-centric UI, and are optimized for mobile devices - like iPads, Android devices, and Windows Tablets. Touch support offers larger buttons and gesture-friendly UI for commonly used interactions like Grouping, Multiple Sorting, Multiple Selection, Scrolling, and more.

jQuery-OVERVIEW3 
Ignite Overview4 Fastes jQuery grid 

Killer Performance with the World’s Fastest jQuery Grid

Harness power and speed with our jQuery Grid – the fastest you’ll find anywhere, as proven by rigorous performance tests. The Grid renders only what is visible to the user, making the overall grid footprint smaller on the client and reducing load time for application data. We’ve also integrated KnockoutJS, so you can take advantage of the MVVM pattern within your applications.

Broad Data Source Support

Build applications that connect with the broadest range of clients by linking to any of the following sources: oData, WCF, WebAPI (included in Visual Studio 2012 and APS.NET MVC 4), RESTful Domain Data Sources, JSON, XML (with and without namespaces), local arrays, and even pre-existing static HTML tables.

12_igniteApi_whatsNew 
jQuery-OVERVIEW5 

Resources Beyond What You'll Find in the Box

Get a rapid response and immediate support when you need it, 24 hours a day/5 days a week - via phone, email, or by chat. When you need to brainstorm, join our community of nearly 950,000 developers from the most popular software companies to the most data-demanding enterprises. You can also tap into our sample code, videos, and documentation to keep your project on - or ahead of - target.

Controls At A Glance

Grids

Charts

Editors

Frameworks

 

Interactions

Layouts

Lists

Maps

Menus

Mobile

 

Mobile Input

Mobile Layout

Mobile Navigation

OLAP

 

Get Started Using Ignite UI

Once you've downloaded Ignite UI, you can start using it quickly and easily. Check out some of our videos below to learn how you can start coding Essential Resources, Grids, and Excel Imports and Exports.

jquery learn image 

Getting Started - Installation, QuickStarts, and the Version Utility

Download and Installation

 

To start using the product, you need to get the latest bits and install either the trial version or the licensed version. 

If you are using it to build ASP.NET MVC apps, make sure you have the following tools and products from Microsoft installed as well:

  • Visual Studio 2010 (any version)
  • .NET 4 runtime
  • ASP.NET MVC 3 Tools Refresh

These can be downloaded from the ASP.NET MVC web site.

http://www.asp.net/mvc 

If you plan on doing pure client development using JavaScript, then you can pick the IDE of your choice to write HTML & JavaScript, and just use the jQuery script extensions with CSS styles to build your application interface with NetAdvantage for jQuery. All you have to do is reference the necessary JavaScript & CSS files in your HTML pages.

Upgrading a Project or Solution

 

If you have an existing application, you can use the Version Utility to upgrade your project to the latest version.

Browsing the Samples & Source Code

 

Browse the local samples, and review the code for the samples you are most interested in.  If you haven't installed the product, you can always view the samples and source code online. 

Finding and Using Help

 

Review the product documentation, and learn from the How To articles or the API documentation

Start Coding Essential Resources

Bind the grid to JSON data

 

Get started with the basics. Learn how to bind the JQUERY Grid to a JSON list of objects.

Start Coding Grid

Bind the grid to ODATA

 

A core part of the jQuery toolset is the high performance tabular data grid control. Learn how to bind the JQUERY Grid to an ODATA source.

Binding jQuery grid to the ASP.NET MVC Entity Framework Model

 

The JQUERY Grid feels right at home in the Microsoft MVC Framework. Learn how to populate the JQUERY Grid with an MVC Entity Framework Model.

Start Coding Excel Import and Export

Export Grid to Word

 

Learn how to export the JQUERY Grid to a Microsoft Word document.

Scenario Sample - Video Browser

Creating a Video Browser

 

In this quick start video you will:

See a list of videos in our sample library using the Grid control, with ratings for each video shown using the rating control embedded inside of the grid.

End users can play the video using the HTML5 video player and  insert their own videos by uploading them to the library by using the file upload control. The editor controls enable them to add information about the video.

They will also be able to export the entire video list to an Excel file using the Infragistics Excel library.

Start Coding Editable Forms

Creating a CRUD experience with the jQuery grid

 

Understanding how to perform CRUD (Create, Read, Update, Delete) operations is critical to your applications.

With this video, you learn how to create an editable jQuery Grid:

  • Bind ASP.NET MVC model data to the grid
  • Implement an editable form using the editor controls in the NetAdvantage for jQuery package with the ability to upload images using the file upload control
  • Add or update data in the grid via the editable form

 

Setting Up your MVC Project

Setting Up your MVC Project

 

Want to learn how to set up an MVC Project? Check out this video to get an overview.

The Fastest jQuery Grid Anywhere

The Infragistics jQuery grid control is the fastest jQuery grid available anywhere, based on the rigorous performance tests documented in our jQuery Grid Performance Whitepaper. We regularly test our UI components against the competition to ensure we're always delivering you the best performance possible and our jQuery grid control is no exception. The results prove it, just take a look!

Our test applications have used the latest public bits from our grids, as well as bits from five jQuery competing grids. Test applications are designed to ensure that we have compared "apples-to-apples"—and simulate real-world scenarios found in banks, call centers, insurance companies, etc. For comparison purposes, we use public information found on our competitors' websites.

Our performance whitepaper reviews speed in terms of milliseconds, as well as memory and CPU usage. Speed and memory have been detailed on a per browser basis. Finally, memory consumption numbers have been calculated manually after monitoring the Task Manager process viewer of the OS. During all of our performance testing, we found CPU usage was almost identical between our jQuery grid control and its competitors (although our CPU usage is slightly better).

We measured the time it takes to bind to 1,000 JSON records with 10 columns on the Infragistics jQuery grid control and competitors, taking measurements at each of the following stages:

Initial Load

Begin - From the moment exactly before the corresponding grid control starts loading

End - Links to the corresponding event exactly after the grid is rendered or the layout is updated

Sorting

Begin - From the moment exactly before a sorting operation

End - Exactly after the sorting operation is finished (without rendering)

Filtering

Begin - From the moment exactly before a filtering operation

End - Exactly after the filtering operation is finished (without rendering)

We determined that the Infragistics jQuery Grid isn't just the fastest - it's the fastest in every scenario, on every browser. What's more, implementing the Infragistics jQuery Grid could increase your productivity between 2 and 10+ times when compared to the competition’s products (depending on whether a virtualized Infragistics jQuery Grid is used or not). This could result in tens of thousands of dollars a week saved and potentially millions of dollars per year in saving.

Get the full results of our Performance Testing by downloading the jQuery Grid Performance Whitepaper now!

Supported Environments

The latest release of our jQuery controls support the following operating systems and environments:
Detailed view of the jQuery supported browsers and environments.

Browsers       Environments
Firefox 3.0+   .NET Framework / ASP.NET 4.0+
Internet Explorer 7+   ASP.NET MVC 3+
Safari 3.2+   C# .NET
Chrome 2+   Visual Studio 2010+
Opera   jQuery 1.4.4+
    jQuery UI 1.8.11+
    jQuery Mobile 1.1.1+