|
1 | | -# ej2-aspnet-core-razor-components-samples |
2 | | -Explore and learn Syncfusion ASP.NET Core Razor components using large collection of demos, example applications and tutorial samples |
| 1 | +# Syncfusion ASP.NET Core Razor Components UI Controls samples |
| 2 | + |
| 3 | +This repository contains the demos of [Syncfusion ASP.NET Core Razor Components](https://ej2.syncfusion.com/beta/aspnet-core-razor-components/) UI Controls. This is the best place to check our controls to get more insight about the usage of APIs. |
| 4 | + |
| 5 | +This section guides you to use the Syncfusion ASP.NET Core Razor Components 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 | +* [Visual Studio 2017](https://visualstudio.microsoft.com/downloads/) |
| 19 | +* [.NET Core SDK 3.0 Preview](https://dotnet.microsoft.com/download/dotnet-core/3.0) |
| 20 | + |
| 21 | +## Documentation |
| 22 | + |
| 23 | +All controls documentation for the Syncfusion ASP.NET Core Razor Components UI controls can be found on [Syncfusion Help](https://ej2.syncfusion.com/aspnet-core-razor-components/documentation/introduction/). |
| 24 | + |
| 25 | +## License |
| 26 | + |
| 27 | +Syncfusion ASP.NET Core Razor Components UI (Essential JS 2) controls 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. |
| 28 | + |
| 29 | +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. |
| 30 | + |
| 31 | +Customers who do not qualify for the community license can contact [email protected] for commercial licensing options. |
| 32 | + |
| 33 | +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. |
| 34 | + |
| 35 | +The Syncfusion license that contains the terms and conditions can be found at |
| 36 | +[https://www.syncfusion.com/content/downloads/syncfusion_license.pdf](https://www.syncfusion.com/content/downloads/syncfusion_license.pdf) |
| 37 | + |
| 38 | +## Using the samples |
| 39 | + |
| 40 | +* Open the command prompt from samples root directory. |
| 41 | +* Run `dotnet restore` and `dotnet build`. |
| 42 | +* Then Change the directory in to `cd ej2-blazor-samples`. |
| 43 | +* Run `dotnet run`. |
| 44 | + |
| 45 | +## Controls Catalog |
| 46 | + |
| 47 | +<table> |
| 48 | + <tr> |
| 49 | + <td colspan="3" rowspan="1"> |
| 50 | + <b>GRIDS<b> |
| 51 | + </td> |
| 52 | + </tr> |
| 53 | + <tr> |
| 54 | + <td> |
| 55 | + <a href="ej2-blazor-samples/Pages/Grid">DataGrid</a> |
| 56 | + </td> |
| 57 | + <td> |
| 58 | + <a href="ej2-blazor-samples/Pages/PivotView">Pivot Table</a> |
| 59 | + </td> |
| 60 | + <td></td> |
| 61 | + </tr> |
| 62 | + <tr> |
| 63 | + <td colspan="3" rowspan="1"> |
| 64 | + <b>DATA VISUALIZATION<b> |
| 65 | + </td> |
| 66 | + </tr> |
| 67 | + <tr> |
| 68 | + <td> |
| 69 | + <a href="ej2-blazor-samples/Pages/Chart">Charts</a> |
| 70 | + </td> |
| 71 | + <td> |
| 72 | + <a href="ej2-blazor-samples/Pages/CircularGauge">Circular Gauge</a> |
| 73 | + </td> |
| 74 | + <td> |
| 75 | + <a href="ej2-blazor-samples/Pages/LinearGauge">Linear Gauge</a> |
| 76 | + </td> |
| 77 | + </tr> |
| 78 | + <tr> |
| 79 | + <td> |
| 80 | + <a href="ej2-blazor-samples/Pages/Diagram">Diagram</a> |
| 81 | + </td> |
| 82 | + <td> |
| 83 | + <a href="ej2-blazor-samples/Pages/Heatmap">Heatmap chart</a> |
| 84 | + </td> |
| 85 | + <td> |
| 86 | + <a href="ej2-blazor-samples/Pages/Maps">Maps</a> |
| 87 | + </td> |
| 88 | + </tr> |
| 89 | + <tr> |
| 90 | + <td> |
| 91 | + <a href="ej2-blazor-samples/Pages/RangeNavigator">Range Selector</a> |
| 92 | + </td> |
| 93 | + <td> |
| 94 | + <a href="ej2-blazor-samples/Pages/Smithchart">Smith Chart</a> |
| 95 | + </td> |
| 96 | + <td> |
| 97 | + <a href="ej2-blazor-samples/Pages/Sparkline">Sparkline Charts</a> |
| 98 | + </td> |
| 99 | + </tr> |
| 100 | + <tr> |
| 101 | + <td> |
| 102 | + <a href="ej2-blazor-samples/Pages/Treemap">TreeMap</a> |
| 103 | + </td> |
| 104 | + <td></td> |
| 105 | + <td></td> |
| 106 | + </tr> |
| 107 | + <tr> |
| 108 | + <td colspan="3" rowspan="1"> |
| 109 | + <b>EDITORS<b> |
| 110 | + </td> |
| 111 | + </tr> |
| 112 | + <tr> |
| 113 | + <td> |
| 114 | + <a href="ej2-blazor-samples/Pages/RichTextEditor">Rich Text Editor</a> |
| 115 | + </td> |
| 116 | + <td> |
| 117 | + <a href="ej2-blazor-samples/Pages/DocumentEditor">Word Processor</a> |
| 118 | + </td> |
| 119 | + <td></td> |
| 120 | + </tr> |
| 121 | + <tr> |
| 122 | + <td colspan="3" rowspan="1"> |
| 123 | + <b>CALENDARS<b> |
| 124 | + </td> |
| 125 | + </tr> |
| 126 | + <tr> |
| 127 | + <td> |
| 128 | + <a href="ej2-blazor-samples/Pages/Schedule">Scheduler</a> |
| 129 | + </td> |
| 130 | + <td> |
| 131 | + <a href="ej2-blazor-samples/Pages/Calendar">Calendar</a> |
| 132 | + </td> |
| 133 | + <td> |
| 134 | + <a href="ej2-blazor-samples/Pages/DatePicker">DatePicker</a> |
| 135 | + </td> |
| 136 | + </tr> |
| 137 | + <tr> |
| 138 | + <td> |
| 139 | + <a href="ej2-blazor-samples/Pages/DateRangePicker">Date Range Picker</a> |
| 140 | + </td> |
| 141 | + <td> |
| 142 | + <a href="ej2-blazor-samples/Pages/DateTimePicker">DateTime Picker</a> |
| 143 | + </td> |
| 144 | + <td> |
| 145 | + <a href="ej2-blazor-samples/Pages/TimePicker">Time Picker</a> |
| 146 | + </td> |
| 147 | + </tr> |
| 148 | + <tr> |
| 149 | + <td colspan="3" rowspan="1"> |
| 150 | + <b>BUTTONS<b> |
| 151 | + </td> |
| 152 | + </tr> |
| 153 | + <tr> |
| 154 | + <td> |
| 155 | + <a href="ej2-blazor-samples/Pages/Button">Button</a> |
| 156 | + </td> |
| 157 | + <td> |
| 158 | + <a href="ej2-blazor-samples/Pages/Button/ButtonGroup.cshtml">Button Group</a> |
| 159 | + </td> |
| 160 | + <td> |
| 161 | + <a href="ej2-blazor-samples/Pages/Button/DropDownButton.cshtml">Dropdown Menu</a> |
| 162 | + </td> |
| 163 | + </tr> |
| 164 | + <tr> |
| 165 | + <td> |
| 166 | + <a href="ej2-blazor-samples/Pages/Button/ProgressButton.cshtml">Progress Button</a> |
| 167 | + </td> |
| 168 | + <td> |
| 169 | + <a href="ej2-blazor-samples/Pages/Button/SplitButton.cshtml">Split Button</a> |
| 170 | + </td> |
| 171 | + <td></td> |
| 172 | + </tr> |
| 173 | + <tr> |
| 174 | + <td colspan="3" rowspan="1"> |
| 175 | + <b>DROPDOWNS<b> |
| 176 | + </td> |
| 177 | + </tr> |
| 178 | + <tr> |
| 179 | + <td> |
| 180 | + <a href="ej2-blazor-samples/Pages/AutoComplete">AutoComplete</a> |
| 181 | + </td> |
| 182 | + <td> |
| 183 | + <a href="ej2-blazor-samples/Pages/ComboBox">ComboBox</a> |
| 184 | + </td> |
| 185 | + <td> |
| 186 | + <a href="ej2-blazor-samples/Pages/DropDownList">Dropdown List</a> |
| 187 | + </td> |
| 188 | + </tr> |
| 189 | + <tr> |
| 190 | + <td> |
| 191 | + <a href="ej2-blazor-samples/Pages/MultiSelect">MultiSelect Dropdown</a> |
| 192 | + </td> |
| 193 | + <td></td> |
| 194 | + <td></td> |
| 195 | + </tr> |
| 196 | + <tr> |
| 197 | + <td colspan="3" rowspan="1"> |
| 198 | + <b>NAVIGATION<b> |
| 199 | + </td> |
| 200 | + </tr> |
| 201 | + <tr> |
| 202 | + <td> |
| 203 | + <a href="ej2-blazor-samples/Pages/Accordion">Accordion</a> |
| 204 | + </td> |
| 205 | + <td> |
| 206 | + <a href="ej2-blazor-samples/Pages/ContextMenu">Context Menu</a> |
| 207 | + </td> |
| 208 | + <td> |
| 209 | + <a href="ej2-blazor-samples/Pages/Menu">Menu Bar</a> |
| 210 | + </td> |
| 211 | + </tr> |
| 212 | + <tr> |
| 213 | + <td> |
| 214 | + <a href="ej2-blazor-samples/Pages/Sidebar">Sidebar</a> |
| 215 | + </td> |
| 216 | + <td> |
| 217 | + <a href="ej2-blazor-samples/Pages/Tab">Tabs</a> |
| 218 | + </td> |
| 219 | + <td> |
| 220 | + <a href="ej2-blazor-samples/Pages/Toolbar">Toolbar</a> |
| 221 | + </td> |
| 222 | + </tr> |
| 223 | + <tr> |
| 224 | + <td> |
| 225 | + <a href="ej2-blazor-samples/Pages/TreeView">TreeView</a> |
| 226 | + </td> |
| 227 | + <td></td> |
| 228 | + <td></td> |
| 229 | + </tr> |
| 230 | + <tr> |
| 231 | + <td colspan="3" rowspan="1"> |
| 232 | + <b>INPUTS<b> |
| 233 | + </td> |
| 234 | + </tr> |
| 235 | + <tr> |
| 236 | + <td> |
| 237 | + <a href="ej2-blazor-samples/Pages/TextBoxes">TextBox</a> |
| 238 | + </td> |
| 239 | + <td> |
| 240 | + <a href="ej2-blazor-samples/Pages/MaskedTextBox">Input Mask</a> |
| 241 | + </td> |
| 242 | + <td> |
| 243 | + <a href="ej2-blazor-samples/Pages/NumericTextBox">Numeric Textbox</a> |
| 244 | + </td> |
| 245 | + </tr> |
| 246 | + <tr> |
| 247 | + <td> |
| 248 | + <a href="ej2-blazor-samples/Pages/Button/RadioButton.cshtml">Radio Button</a> |
| 249 | + </td> |
| 250 | + <td> |
| 251 | + <a href="ej2-blazor-samples/Pages/Button/CheckBox.cshtml">Checkbox</a> |
| 252 | + </td> |
| 253 | + <td> |
| 254 | + <a href="ej2-blazor-samples/Pages/ColorPicker">Color Picker</a> |
| 255 | + </td> |
| 256 | + </tr> |
| 257 | + <tr> |
| 258 | + <td> |
| 259 | + <a href="ej2-blazor-samples/Pages/Uploader">File Upload</a> |
| 260 | + </td> |
| 261 | + <td> |
| 262 | + <a href="ej2-blazor-samples/Pages/Slider">Range Slider</a> |
| 263 | + </td> |
| 264 | + <td> |
| 265 | + <a href="ej2-blazor-samples/Pages/Button/Switch.cshtml">Toggle Switch Button</a> |
| 266 | + </td> |
| 267 | + </tr> |
| 268 | + <tr> |
| 269 | + <td colspan="3" rowspan="1"> |
| 270 | + <b>LAYOUT<b> |
| 271 | + </td> |
| 272 | + </tr> |
| 273 | + <tr> |
| 274 | + <td> |
| 275 | + <a href="ej2-blazor-samples/Pages/Avatar">Avatar</a> |
| 276 | + </td> |
| 277 | + <td> |
| 278 | + <a href="ej2-blazor-samples/Pages/Card">Card</a> |
| 279 | + </td> |
| 280 | + <td> |
| 281 | + <a href="ej2-blazor-samples/Pages/Dialog">Dialog</a> |
| 282 | + </td> |
| 283 | + </tr> |
| 284 | + <tr> |
| 285 | + <td> |
| 286 | + <a href="ej2-blazor-samples/Pages/ListView">ListView</a> |
| 287 | + </td> |
| 288 | + <td> |
| 289 | + <a href="ej2-blazor-samples/Pages/Tooltip">Tooltip</a> |
| 290 | + </td> |
| 291 | + <td></td> |
| 292 | + </tr> |
| 293 | + <tr> |
| 294 | + <td colspan="3" rowspan="1"> |
| 295 | + <b>NOTIFICATIONS<b> |
| 296 | + </td> |
| 297 | + </tr> |
| 298 | + <tr> |
| 299 | + <td> |
| 300 | + <a href="ej2-blazor-samples/Pages/Badge">Badge</a> |
| 301 | + </td> |
| 302 | + <td> |
| 303 | + <a href="ej2-blazor-samples/Pages/Toast">Toast</a> |
| 304 | + </td> |
| 305 | + <td></td> |
| 306 | + </tr> |
| 307 | + <tr> |
| 308 | + <td colspan="3" rowspan="1"> |
| 309 | + <b>FILE FORMAT LIBRARY<b> |
| 310 | + </td> |
| 311 | + </tr> |
| 312 | + <tr> |
| 313 | + <td> |
| 314 | + <a href="ej2-blazor-samples/Pages/XlsIO">Excel Library</a> |
| 315 | + </td> |
| 316 | + <td> |
| 317 | + <a href="ej2-blazor-samples/Pages/PDF">PDF Library</a> |
| 318 | + </td> |
| 319 | + <td> |
| 320 | + <a href="ej2-blazor-samples/Pages/DocIO">Word Library</a> |
| 321 | + </td> |
| 322 | + </tr> |
| 323 | + <tr> |
| 324 | + <td> |
| 325 | + <a href="ej2-blazor-samples/Pages/Presentation">PowerPoint Library</a> |
| 326 | + </td> |
| 327 | + <td></td> |
| 328 | + <td></td> |
| 329 | + </tr> |
| 330 | +</table> |
| 331 | + |
| 332 | +## Support and Feedback |
| 333 | + |
| 334 | +* 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-aspnetcore-samples) or post the queries through the [community forums](https://www.syncfusion.com/forums?utm_source=github&utm_medium=listing&utm_campaign=ej2-aspnetcore-samples). |
| 335 | + |
| 336 | +* To renew the subscription, click [here ](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing&utm_campaign=ej2-aspnetcore-samples) or contact our sales team at <[email protected]>. |
0 commit comments