IgniteUI/ignite-ui IgniteUI/ignite-ui

  • Stars
    star
    477
  • Rank 92,099 (Top 2 %)
  • Language
    JavaScript
  • License
    Other
  • Created over 8 years ago
  • Updated 4 months ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
IgniteUI/ignite-ui
github

IgniteUI

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Ignite UI for jQuery by Infragistics

Ignite UI for jQuery

Node.js CI Coverage Status CodeQL Discord

npm version Bower version

Ignite UI for jQuery™ helps you build powerful, high-performance web-based applications. Inside Ignite UI for jQuery you'll find user experience controls and components for creating engaging line-of-business web applications which target the browsers for both mobile & desktop environments.

About Ignite UI for jQuery

Ignite UI for jQuery is built on jQuery and jQuery UI and ties in seamlessly with the jQuery core model and conventions including all styling support via jQuery UI Theme Roller. Beyond jQuery Ignite UI for jQuery features support for Bootstrap themes, AngularJS, Knockout and jQuery Mobile.

Available Features in Ignite UI for jQuery open-source version

Feature Ignite UI for jQuery OSS Ignite UI for jQuery Full Infragistics Ultimate Help
Editors
igCombo ✅ ✅ ✅ api \ help \ topics source
igHtmlEditor ✅ ✅ ✅ api \ help \ topics source
igRating ✅ ✅ ✅ api \ help \ topics source
igValidator ✅ ✅ ✅ api \ help \ topics source
igCurrencyEditor ✅ ✅ ✅ api \ help \ topics source
igDateEditor ✅ ✅ ✅ api \ help \ topics source
igMaskEditor ✅ ✅ ✅ api \ help \ topics source
igNumericEditor ✅ ✅ ✅ api \ help \ topics source
igPercentEditor ✅ ✅ ✅ api \ help \ topics source
igTextEditor ✅ ✅ ✅ api \ help \ topics source
igCheckboxEditor ✅ ✅ ✅ api \ help \ topics source
igDatePicker ✅ ✅ ✅ api \ help \ topics source
Frameworks
igLoader ✅ ✅ ✅ api \ help \ topics source
igDataSource ✅ ✅ ✅ api \ help \ topics source
Templating Engine ✅ ✅ ✅ api \ help \ topics source
JS Excel Engine ❌ ✅ ✅ api \ help \ topics source
igGridExcelExporter ❌ ✅ ✅ api \ help \ topics source
Interactions
igTree ✅ ✅ ✅ api \ help \ topics source
igDialog ✅ ✅ ✅ api \ help \ topics source
igToolbar ✅ ✅ ✅ api \ help \ topics source
igToolbarButton ✅ ✅ ✅ api \ help \ topics source
igSplitButton ✅ ✅ ✅ api \ help \ topics source
igNotifier ✅ ✅ ✅ api \ help \ topics source
igPopover ✅ ✅ ✅ api \ help \ topics source
igRadialMenu ❌ ✅ ✅ api \ help \ topics source
igColorPicker ✅ ✅ ✅ api \ help \ topics source
igColorPickerSplitButton ✅ ✅ ✅ api \ help \ topics source
igUpload ✅ ✅ ✅ api \ help \ topics source
igVideoPlayer ✅ ✅ ✅ api \ help \ topics source
igScroll ✅ ✅ ✅ api \ help \ topics source
Data Visualization
igDataChart ❌ ✅ ✅ api \ help \ topics source
igCategoryChart ❌ ✅ ✅ api \ help \ topics source
igShapeChart ❌ ✅ ✅ api \ help \ topics source
igPieChart ❌ ✅ ✅ api \ help \ topics source
igDoughnutChart ❌ ✅ ✅ api \ help \ topics source
igFunnelChart ❌ ✅ ✅ api \ help \ topics source
igBulletGraph ❌ ✅ ✅ api \ help \ topics source
igLinearGauge ❌ ✅ ✅ api \ help \ topics source
igRadialGauge ❌ ✅ ✅ api \ help \ topics source
igMap ❌ ✅ ✅ api \ help \ topics source
igSparkline ❌ ✅ ✅ api \ help \ topics source
igQRCodeBarcode ❌ ✅ ✅ api \ help \ topics source
igZoombar ✅ ✅ ✅ api \ help \ topics source
Scheduling
igScheduler ❌ ✅ ✅ api \ help \ topics source
Layout
igLayoutManager ✅ ✅ ✅ api \ help \ topics source
igSplitter ✅ ✅ ✅ api \ help \ topics source
igTileManager ✅ ✅ ✅ api \ help \ topics source
Grids
igGrid ❌ ✅ ✅ api \ help \ topics source
igHierarchicalGrid ❌ ✅ ✅ api \ help \ topics source
igTreeGrid ❌ ✅ ✅ api \ help \ topics source
Spreadsheet ❌ ✅ ✅ api \ help \ topics source
Grid Features
Column Management Features ❌ ✅ ✅ api \ help \ topics source
Column Fixing ❌ ✅ ✅ api \ help \ topics source
Column Grouping ❌ ✅ ✅ api \ help \ topics source
Column Hiding ❌ ✅ ✅ api \ help \ topics source
Column Moving ❌ ✅ ✅ api \ help \ topics source
Column Resizing ❌ ✅ ✅ api \ help \ topics source
Column Summaries ❌ ✅ ✅ api \ help \ topics source
Column Template ❌ ✅ ✅ api \ help \ topics source
Multi-Column Headers ❌ ✅ ✅ api \ help \ topics source
Collapsible Column Groups ❌ ✅ ✅ api \ help \ topics source
Filtering ❌ ✅ ✅ api \ help \ topics source
Sorting ❌ ✅ ✅ api \ help \ topics source
Unbound Columns ❌ ✅ ✅ api \ help \ topics source
Feature Chooser ❌ ✅ ✅ api \ help \ topics source
Row Selectors ❌ ✅ ✅ api \ help \ topics source
Selection ❌ ✅ ✅ api \ help \ topics source
Tooltips ❌ ✅ ✅ api \ help \ topics source
Updating ❌ ✅ ✅ api \ help \ topics source
Paging ❌ ✅ ✅ api \ help \ topics source
Cell Merging ❌ ✅ ✅ api \ help \ topics source
Responsive Web Design (RWD) Mode ❌ ✅ ✅ api \ help \ topics source
jsRender Integration ❌ ✅ ✅ api \ help \ topics source
REST Updating ❌ ✅ ✅ api \ help \ topics source
Knockout Support ❌ ✅ ✅ api \ help \ topics source
Columns and Layout ❌ ✅ ✅ api \ help \ topics source
Virtualization ❌ ✅ ✅ api \ help \ topics source
Grid Multi-Row Layout ❌ ✅ ✅ api \ help \ topics source
Grid Load On Demand ❌ ✅ ✅ api \ help \ topics source
OLAP Pivot
igPivotDataSelector ❌ ✅ ✅ api \ help \ topics source
igPivotGrid ❌ ✅ ✅ api \ help \ topics source
igPivotView ❌ ✅ ✅ api \ help \ topics source
Knockout Extensions
Combo ✅ ✅ ✅ help \ topics source
Editors ✅ ✅ ✅ help \ topics source
Tree ✅ ✅ ✅ help \ topics source
Grid ❌ ✅ ✅ help \ topics source
Chart ❌ ✅ ✅ help \ topics source
Theming
Metro ✅ ✅ ✅ help \ topics source
iOS ✅ ✅ ✅ help \ topics source
Bootstrap Default ✅ ✅ ✅ help \ topics source
Bootstrap 4 Default ✅ ✅ ✅ help \ topics source
Bootstrap Superhero ✅ ✅ ✅ help \ topics source
Bootstrap Flatly ✅ ✅ ✅ help \ topics source
Bootstrap Yeti ✅ ✅ ✅ help \ topics source
Infragistics ✅ ✅ ✅ help \ topics source
Infragistics2012 ✅ ✅ ✅ help \ topics source
MVC Extensions ❌ ✅ ✅ help \ topics source
Developer Support 24/5 ❌ ✅ ✅

Install

The package for this development repository is available on both npm and bower. To get started follow the respective package manager installation:

Ignite UI for jQuery CLI

To get started with the Ignite UI for jQuery CLI and Ignite UI for jQuery:

npm i -g igniteui-cli
ig new <project name> --framework=jquery
cd <project name>
ig add combo <component name>
ig start

npm

npm install ignite-ui

bower

bower install ignite-ui

Package contains similar files and structure to what you'd find in the full version of Ignite UI for jQuery with complete styles and lite versions of the combined script files:

<script src="<node_modules|bower_components>/ignite-ui/js/infragistics.core-lite.js" type="text/javascript"></script>
<script src="<node_modules|bower_components>/ignite-ui/js/infragistics.lob-lite.js" type="text/javascript"></script>

The full built content for both packages can be browsed at the Ignite UI for jQuery Bower Shim repository.

Running demos locally

Besides browsing our online samples, you can also run the demos included with this repo in a local clone. Those are useful for quickly trying out some control features, as a base for other samples or even testing local changes.

To setup the repository run the following in the root directory:

npm install

The command will install all build dependencies as well as bower packages used in the demos.

To build the product:

grunt build

This will create source files under the dist/ folder complete with merged locales, combined script and structure CSS and can be called again to include new changes.

The html demos under demos/<control> can now be run directly from the file system.

Getting Help

Contributing

You can find all guidelines on how to contribute on the wiki page.

More Repositories

1

igniteui-angular

Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
TypeScript
571
star
2

igniteui-react-wrappers

Ignite UI components for React
JavaScript
168
star
3

igniteui-angular-wrappers

Ignite UI Angular component extensions by Infragistics
TypeScript
148
star
4

igniteui-cli

Ignite UI Command-Line Interface by Infragistics
TypeScript
118
star
5

igniteui-webcomponents

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
TypeScript
117
star
6

igniteui-angularjs

Ignite UI extensions for AngularJS
JavaScript
106
star
7

app-builder

App Builder™ is a cloud-based WYSIWYG drag & drop tool that helps teams design and build complete business apps 80% faster than before. It has an integrated design system – Indigo.Design – and packs real UI components for Angular, Blazor, and Web Components.
86
star
8

igniteui-angular-ui-kits

UI Kits for Ignite UI for Angular
85
star
9

warehouse-js-blocks

Sample Warehousing application built with Ignite UI for Angular
TypeScript
81
star
10

crypto-portfolio-app

Application that uses Ignite UI for Angular components along with Firebase data storage and a lot more ..
TypeScript
75
star
11

help-topics

Ignite UI Help Topics
JavaScript
42
star
12

igniteui-dockmanager

Ignite UI Dock Manager Web Component provides means to manage the layout of your application.
37
star
13

igniteui-angular-samples

Ignite UI for Angular demos for all available components and features
TypeScript
36
star
14

igniteui-docfx

Ignite UI for Angular topics for all available components and features
JavaScript
29
star
15

marketing-dashboard-sample

The Marketing Dashboard sample makes use of the Ignite UI date picker, data chart, map, doughnut chart and bullet graph controls to tackle specific analytical challenges. The dashboard view brings together different data points a marketing expert would want to track like sessions, conversions and conversion costs.
JavaScript
24
star
16

COVID-19-Dashboard

COVID-19 spread and data dashboard built with Ignite UI for Angular
TypeScript
21
star
17

typedoc-plugin-localization

TypeScript
20
star
18

finance-sample

The Finance Dashboard sample demonstrates the data chart, combo, dialog, and zoom bar controls for the Financial Services industry. The data chart is optimized for high-speed financial charting. This sample uses large datasets with millions of data points and real-time updates. The data chart enables key statistical and technical indicators and comparisons to key competitors.
JavaScript
16
star
19

project-management-dashboard-sample

The Project Management Dashboard sample showcases jQuery controls like the doughnut chart and the hierarchical grid to represent task progress and time allocation. This sample even combines the grid and linear gauge to help users easily identify risks and adjust project plans accordingly.
JavaScript
16
star
20

material-icons-extended

A subset of icons that extends the official Material Design Icons by Google.
TypeScript
15
star
21

er-dashboard-sample

The ER Dashboard sample demonstrates the capabilities of multiple Ignite UI controls working together into a single complex view designed for mobile tablet devices. The main part of the sample is several charts displaying different kinds of information about patients admitted to the emergency ward of a hospital. The sample shows how the same information can be displayed in a grid and how to switch between views. Combo boxes are used to select different medical parameters to be displayed dynamically update the data behind the charts. Additional buttons let you change the chart visualization with the same data.
JavaScript
14
star
22

ng-conf-2020-workshop

TypeScript
13
star
23

igniteui-blazor-examples

samples browser app and individual samples on how to use Ignite UI for Blazor components
C#
12
star
24

personal-finance-sample

The Personal Finance Dashboard sample demonstrates the chart controls from the Ignite UI library acting together with grids, combo boxes and editors in a complex application. The sample is designed with mobile tablet devices in mind taking into account screen size and performance. The view displays several aspects of personal finances in graphic and tabular form separated into panels. It shows selecting different periods of time changes the data behind a chart and how to dynamically change the data series rendered by a chart.
JavaScript
12
star
25

igniteui-theming

A set of Sass mixins, functions, and variables used to create themes for a variety of UI frameworks built by Infragistics.
SCSS
11
star
26

igniteui-react-examples

samples browser app and individual samples on how to use Ignite UI for React components
TypeScript
11
star
27

igniteui-xplat-docs

cross-platform docs for Ignite UI for Angular, Blazor, React, and WebComponents
TypeScript
10
star
28

personal-health-tracker-sample

The Personal Health Tracker sample demos using Ignite UI inside the PhoneGap framework for native-like, installed app experiences.
JavaScript
9
star
29

autosales-dashboard-sample

The Auto Sales Tracking sample is an example application showcasing some of the most powerful Ignite UI controls including the map, grid, and various charts. The map control shows the geographical region represented in the sales data. Bullet graphs, data charts, and pie charts show sales figures over time and in relation to target figures. Sales are detailed using the grid control by dealership and manufacturer and bullet graphs embedded in the grid provide glanceable sales summaries. The application demonstrates how Ignite UI controls are used together to build an immersive and attractive user experience.
JavaScript
9
star
30

igniteui-typedoc-theme

infragistics typedoc theme
TypeScript
8
star
31

indigo-design-docfx

JavaScript
8
star
32

igniteui-wc-examples

samples browser app and individual samples on how to use Ignite UI for Web Components
TypeScript
7
star
33

generator-igniteui

A Yeoman (http://yeoman.io) generator for Ignite UI.
HTML
7
star
34

igniteui-docfx-template

TypeScript
7
star
35

igniteui-react

High-Performance Data Grid and High-Volume Data Charts
6
star
36

TaskPlanner

Task Planner app created with Ignite UI For Angular
TypeScript
6
star
37

igniteui-angular-i18n

Moved to https://github.com/IgniteUI/igniteui-angular/tree/master/projects/igniteui-angular-i18n
TypeScript
5
star
38

finjs-web-api

C#
4
star
39

sassdoc-plugin-localization

Plugin localization for sassdoc documentation
TypeScript
4
star
40

igniteui-live-editing-samples

This repository is used for StackBlitz and CodeSandbox config samples
TypeScript
4
star
41

ignite-ui-IntelliSense-for-VS-Code

Ignite UI IntelliSense extension
TypeScript
3
star
42

ignite-ui-bower

Less
3
star
43

dock-manager-electron-app

Dock Manager Electron App
TypeScript
3
star
44

ERDashboard-Angular

ER Dashboard in Angular
TypeScript
3
star
45

ig-editor

TypeScript
3
star
46

igniteui-angular-examples

angular sample browser with stand-alone sample projects
JavaScript
3
star
47

igniteui-blazor

Ignite UI for Blazor component library packs 35+ native Blazor UI Controls with 60+ high-performance Charts designed for any Blazor WASM or Server-side app scenario.
3
star
48

help-samples-src

JavaScript
3
star
49

NorthwindAPI

C#
3
star
50

igniteui-xplat-examples

C#
3
star
51

igniteui-theme-service

Ignite UI theme service will serve your app with a theme in CSS or SASS format
3
star
52

Stackblitz-IgniteuiAngular-Startup-Project

TypeScript
2
star
53

create-webcomponents-ts-app

generator for a vanilla TS Web Components app.
JavaScript
2
star
54

app-builder-docfx

JavaScript
2
star
55

InventoryManagementApp

TypeScript
2
star
56

ig-pkg-html

Base HTML package for Ignite UI Web Designer.
JavaScript
2
star
57

world-stats-sample

The WorldStats application sample shows the amazing Motion Framework of the Ignite UI Data Chart control that animates data over time to provide users with an extra layer of temporal insight into their data. This sample gives users rich insight into statistical data about all countries in the world by leveraging the Ignite UI Data Chart, Data Grid, Dialog Window, and more. Each chart supports zooming and drag-to-zoom, along with multiple series, series, types, and scales.
JavaScript
2
star
58

app-builder-client

1
star
59

DockManager-DataAnalysis

TypeScript
1
star
60

HRApplication

C#
1
star
61

ng-universal-example

HTML
1
star
62

igniteui-angular-marketing-dashboard

TypeScript
1
star
63

ASP.NET-Core-Samples

The repository consists of samples using the Ignite UI For Javascript library in a context of ASP.NET Core Web Application.
C#
1
star
64

ig-pkg-bootstrap

Bootstrap package for the Ignite UI Web designer.
JavaScript
1
star
65

igniteui-angular-api-i18n

1
star
66

ig-pkg-igniteui

Ignite UI package for the Ignite UI Web designer.
JavaScript
1
star
67

ig-typedoc-theme

Feel and look of Infragistics API documentation with internationalization
TypeScript
1
star