Skip to content

Commit f93d48e

Browse files
ajithrajithr
authored
Update README.md
1 parent 9c6209f commit f93d48e

File tree

1 file changed

+313
-7
lines changed

1 file changed

+313
-7
lines changed

‎README.md

Lines changed: 313 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,331 @@
1+
# Syncfusion JavaScript (ES5) UI Controls samples
12

3+
This repository contains the demos of [Syncfusion JavaScript (ES5) UI Controls](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github&utm_campaign=ej2-javascript-es5-samples). This is the best place to check our controls to get more insight about the usage of APIs.
24

3-
## Installing
5+
This section guides you to use the Syncfusion JavaScript (ES5) UI Controls samples in your applications.
6+
7+
* [Requirements to run the demo](#requirements-to-run-the-demo)
8+
* [Documentation](#documentation)
9+
* [License](#license)
10+
* [Using the samples](#using-the-samples)
11+
* [Controls Catalog](#controls-catalog)
12+
* [Support and Feedback](#support-and-feedback)
13+
14+
## Requirements to run the demo
15+
16+
The samples requires the below requirements to run.
17+
18+
* [Node.js](https://nodejs.org/en/)
19+
20+
## Documentation
21+
22+
All controls documentation for the Syncfusion JavaScript (ES5) UI controls can be found on [Syncfusion Help](https://ej2.syncfusion.com/javascript/documentation/?utm_source=github&utm_medium=listing&utm_campaign=ej2-javascript-es5-samples). All API documentation can be found at the [API Reference](https://ej2.syncfusion.com/javascript/documentation/api?utm_source=github&utm_medium=listing&utm_campaign=ej2-javascript-es5-samples).
23+
24+
## License
25+
26+
Syncfusion JavaScript (ES5) UI (Essential JS 2) library is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
27+
28+
To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.
29+
30+
Customers who do not qualify for the community license can contact [email protected] for commercial licensing options.
31+
32+
Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions.
33+
34+
The Syncfusion license that contains the terms and conditions can be found at
35+
[https://www.syncfusion.com/content/downloads/syncfusion_license.pdf](https://www.syncfusion.com/content/downloads/syncfusion_license.pdf)
36+
37+
## Using the samples
38+
39+
### Installing
440

541
To install all dependent packages, use the below command
642

7-
```
43+
```bash
844
npm install
945
```
1046

11-
## Building
47+
### Building
1248

1349
To compile the source files, use the below command
1450

15-
```
51+
```bash
1652
npm run build
1753
```
1854

19-
## Running
55+
### Running
2056

2157
To run the samples, use the below command
2258

23-
```
59+
```bash
2460
npm run serve
25-
```
61+
```
62+
63+
## Controls Catalog
64+
65+
<table>
66+
<tr>
67+
<td colspan="3" rowspan="1">
68+
<b>GRIDS<b>
69+
</td>
70+
</tr>
71+
<tr>
72+
<td>
73+
<a href="src/grid">DataGrid</a>
74+
</td>
75+
<td>
76+
<a href="src/pivot-view">Pivot Table (Preview)</a>
77+
</td>
78+
<td></td>
79+
</tr>
80+
<tr>
81+
<td colspan="3" rowspan="1">
82+
<b>DATA VISUALIZATION<b>
83+
</td>
84+
</tr>
85+
<tr>
86+
<td>
87+
<a href="src/chart">Charts</a>
88+
</td>
89+
<td>
90+
<a href="src/circular-gauge">Circular Gauge</a>
91+
</td>
92+
<td>
93+
<a href="src/linear-gauge">Linear Gauge</a>
94+
</td>
95+
</tr>
96+
<tr>
97+
<td>
98+
<a href="src/diagram">Diagram (Preview)</a>
99+
</td>
100+
<td>
101+
<a href="src/heatmap">Heatmap chart</a>
102+
</td>
103+
<td>
104+
<a href="src/maps">Maps</a>
105+
</td>
106+
</tr>
107+
<tr>
108+
<td>
109+
<a href="src/range-navigator">Range Selector</a>
110+
</td>
111+
<td>
112+
<a href="src/smith-chart">Smith Chart</a>
113+
</td>
114+
<td>
115+
<a href="src/sparkline">Sparkline Charts</a>
116+
</td>
117+
</tr>
118+
<tr>
119+
<td>
120+
<a href="src/treemap">TreeMap</a>
121+
</td>
122+
<td></td>
123+
<td></td>
124+
</tr>
125+
<tr>
126+
<td colspan="3" rowspan="1">
127+
<b>EDITORS<b>
128+
</td>
129+
</tr>
130+
<tr>
131+
<td>
132+
<a href="src/rte">Rich Text Editor (Preview)</a>
133+
</td>
134+
<td>
135+
<a href="src/document-editor">Word Processor (Preview)</a>
136+
</td>
137+
<td></td>
138+
</tr>
139+
<tr>
140+
<td colspan="3" rowspan="1">
141+
<b>CALENDARS<b>
142+
</td>
143+
</tr>
144+
<tr>
145+
<td>
146+
<a href="src/schedule">Scheduler</a>
147+
</td>
148+
<td>
149+
<a href="src/calendar">Calendar</a>
150+
</td>
151+
<td>
152+
<a href="src/datepicker">DatePicker</a>
153+
</td>
154+
</tr>
155+
<tr>
156+
<td>
157+
<a href="src/daterangepicker">Date Range Picker</a>
158+
</td>
159+
<td>
160+
<a href="src/datetimepicker">DateTime Picker</a>
161+
</td>
162+
<td>
163+
<a href="src/timepicker">Time Picker</a>
164+
</td>
165+
</tr>
166+
<tr>
167+
<td colspan="3" rowspan="1">
168+
<b>BUTTONS<b>
169+
</td>
170+
</tr>
171+
<tr>
172+
<td>
173+
<a href="src/button">Button</a>
174+
</td>
175+
<td>
176+
<a href="src/button/button-group.vue">Button Group</a>
177+
</td>
178+
<td>
179+
<a href="src/button/dropdown-button.vue">Dropdown Menu</a>
180+
</td>
181+
</tr>
182+
<tr>
183+
<td>
184+
<a href="src/button/progress-button.vue">Progress Button (Preview)</a>
185+
</td>
186+
<td>
187+
<a href="src/button/split-button.vue">Split Button</a>
188+
</td>
189+
<td></td>
190+
</tr>
191+
<tr>
192+
<td colspan="3" rowspan="1">
193+
<b>DROPDOWNS<b>
194+
</td>
195+
</tr>
196+
<tr>
197+
<td>
198+
<a href="src/auto-complete">AutoComplete</a>
199+
</td>
200+
<td>
201+
<a href="src/combo-box">ComboBox</a>
202+
</td>
203+
<td>
204+
<a href="src/drop-down-list">Dropdown List</a>
205+
</td>
206+
</tr>
207+
<tr>
208+
<td>
209+
<a href="src/multi-select">MultiSelect Dropdown</a>
210+
</td>
211+
<td></td>
212+
<td></td>
213+
</tr>
214+
<tr>
215+
<td colspan="3" rowspan="1">
216+
<b>NAVIGATION<b>
217+
</td>
218+
</tr>
219+
<tr>
220+
<td>
221+
<a href="src/accordion">Accordion</a>
222+
</td>
223+
<td>
224+
<a href="src/context-menu">Context Menu</a>
225+
</td>
226+
<td>
227+
<a href="src/menu">Menu Bar (Preview)</a>
228+
</td>
229+
</tr>
230+
<tr>
231+
<td>
232+
<a href="src/sidebar">Sidebar</a>
233+
</td>
234+
<td>
235+
<a href="src/tab">Tabs</a>
236+
</td>
237+
<td>
238+
<a href="src/toolbar">Toolbar</a>
239+
</td>
240+
</tr>
241+
<tr>
242+
<td>
243+
<a href="src/treeview">TreeView</a>
244+
</td>
245+
<td></td>
246+
<td></td>
247+
</tr>
248+
<tr>
249+
<td colspan="3" rowspan="1">
250+
<b>INPUTS<b>
251+
</td>
252+
</tr>
253+
<tr>
254+
<td>
255+
<a href="src/textboxes">TextBox</a>
256+
</td>
257+
<td>
258+
<a href="src/maskedtextbox">Input Mask</a>
259+
</td>
260+
<td>
261+
<a href="src/numerictextbox">Numeric Textbox</a>
262+
</td>
263+
</tr>
264+
<tr>
265+
<td>
266+
<a href="src/button/radio-button.vue">Radio Button</a>
267+
</td>
268+
<td>
269+
<a href="src/button/check-box.vue">Checkbox</a>
270+
</td>
271+
<td>
272+
<a href="src/color-picker">Color Picker</a>
273+
</td>
274+
</tr>
275+
<tr>
276+
<td>
277+
<a href="src/uploader">File Upload</a>
278+
</td>
279+
<td>
280+
<a href="src/slider">Range Slider</a>
281+
</td>
282+
<td>
283+
<a href="src/button/switch.vue">Toggle Switch Button</a>
284+
</td>
285+
</tr>
286+
<tr>
287+
<td colspan="3" rowspan="1">
288+
<b>LAYOUT<b>
289+
</td>
290+
</tr>
291+
<tr>
292+
<td>
293+
<a href="src/avatar">Avatar</a>
294+
</td>
295+
<td>
296+
<a href="src/card">Card</a>
297+
</td>
298+
<td>
299+
<a href="src/dialog">Dialog</a>
300+
</td>
301+
</tr>
302+
<tr>
303+
<td>
304+
<a href="src/listview">ListView</a>
305+
</td>
306+
<td>
307+
<a href="src/tooltip">Tooltip</a>
308+
</td>
309+
<td></td>
310+
</tr>
311+
<tr>
312+
<td colspan="3" rowspan="1">
313+
<b>NOTIFICATIONS<b>
314+
</td>
315+
</tr>
316+
<tr>
317+
<td>
318+
<a href="src/badge">Badge</a>
319+
</td>
320+
<td>
321+
<a href="src/toast">Toast</a>
322+
</td>
323+
<td></td>
324+
</tr>
325+
</table>
326+
327+
## Support and Feedback
328+
329+
* For any other queries, reach our [Syncfusion support team](https://www.syncfusion.com/support/directtrac/incidents/newincident?utm_source=github&utm_medium=listing&utm_campaign=ej2-javascript-es5-samples) or post the queries through the [community forums](https://www.syncfusion.com/forums?utm_source=github&utm_medium=listing&utm_campaign=ej2-javascript-es5-samples).
330+
331+
* To renew the subscription, click [here](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing&utm_campaign=ej2-javascript-es5-samples) or contact our sales team at <[email protected]>.

0 commit comments

Comments
 (0)