Skip to content

Latest commit

 

History

History
156 lines (127 loc) · 24.2 KB

introduction.md

File metadata and controls

156 lines (127 loc) · 24.2 KB
title page_title description previous_url slug position
Introduction
Introduction | Progress Telerik UI for ASP.NET Core
Download and install Progress Telerik UI for ASP.NET Core (aka MVC 6 or ASP.NET Core MVC), and run the sample application.
/aspnetmvc-apps/mvc-6/introduction, /mvc-6/introduction
overview_aspnetmvc6_aspnetmvc
1

Welcome to Telerik UI for ASP.NET Core

Thank you for choosing Progress® Telerik® UI for ASP.NET Core!

UI for ASP.NET Core is a set of server-side wrappers (HTML and Tag helpers) that allow you to use the Kendo UI widgets in .NET Core. From a client-side point of view, the vanilla HTML/JavaScript Kendo UI widgets and their ASP.NET Core helpers represent the same functionalities and provide the same capabilities.

The Telerik UI ASP.NET Core HTML and Tag helpers:

  • Allow you to configure a Kendo UI widget through the C# or VB.NET code—for example, to set its value, data source, and so on.
  • Render the HTML and JavaScript that are needed to initialize a Kendo UI widget whose options propagate to the client-side through its initialization script.

Widgets vs. Helpers

The Kendo UI widgets:

The UI for ASP.NET Core helpers:

  • Allow you to create widgets with no HTML and JavaScript coding.
  • Provide for server-side data binding and, in some cases, server-side rendering.
  • Allow you to use the ToDataSourceResult() extension method for binding Kendo UI widgets to server-side collections and for performing data operations (paging, sorting, filtering, and grouping).
  • Provide integration with some ASP.NET Core features such as security trimming and editor templates.
  • Support unobtrusive validation based on Data Annotation attributes.
  • Enable a simple implementation of CRUD operations.
  • Support Visual Studio IntelliSense for the server-side configuration syntax.
  • Enable Visual Studio Extensions for automatic creation of new Telerik UI ASP.NET Core applications and for automatic updating of the Telerik UI version.
  • Enable you to use scaffolding to generate widget declarations and related controller action methods.

Getting Started

<iframe width="853" height="480" src="https://www.youtube.com/embed/jAOZY9TZi78?list=PLvmaC-XMqeBaHWzU1zyFgaNi2pcuix6Ps" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

More resources on getting started with UI for ASP.NET Core:

  • [First Steps with UI for ASP.NET Core on Visual Studio for Windows]({% slug gettingstarted_aspnetmvc6_aspnetmvc %})
  • [First Steps with UI for ASP.NET Core on Visual Studio for Mac]({% slug gettingstarted_firststeps_vsmac %})
  • [First Steps with UI for ASP.NET Core with CLI]({% slug gettingstartedcli_aspnetmvc6_aspnetmvc %})

Supported Environments

UI for ASP.NET Core targets the stable releases of the ASP.NET Core framework. The target runtime is CoreCLR. The UI for ASP.NET Core suite also supports the full desktop CLR.

List of Helpers

Group HTML Helpers Tag Helpers
Data Source DataSource HtmlHelper Demos [Data Source TagHelper Docs]({% slug taghelpers_datasource_aspnetcore %}) & Demos
Data Management [Grid HtmlHelper Docs]({% slug htmlhelpers_grid_aspnetcore_overview %}) & Demos [Grid TagHelper Docs]({% slug taghelpers_grid_aspnetcore %}) & Demos
[ListView HtmlHelper Docs]({% slug htmlhelpers_listview_aspnetcore %}) & Demos N/A
[PivotGrid HtmlHelper Docs]({% slug overview_pivotgridhelper_aspnetcore %}) & Demos [PivotGrid TagHelper Docs]({% slug taghelpers_pivotgrid_aspnetcore %}) & Demos
[Spreadsheet HtmlHelper Docs]({% slug htmlhelpers_spreadsheet_aspnetcore %}) & Demos [Spreadsheet TagHelper Docs]({% slug taghelpers_spreadsheet_aspnetcore %}) & Demos
[TreeList HtmlHelper Docs]({% slug htmlhelpers_treelist_aspnetcore %}) & Demos [TreeList TagHelper Docs]({% slug taghelpers_treelist_aspnetcore %}) & Demos
Editors [AutoComplete HtmlHelper Docs]({% slug htmlhelpers_autocomplete_aspnetcore %}) & Demos [AutoComplete TagHelper Docs]({% slug taghelpers_autocomplete_aspnetcore %}) & Demos
[ColorPalette HtmlHelper Docs]({% slug overview_colorpalettehelper_aspnetcore %}) & Demos N/A
[ColorPicker HtmlHelper Docs]({% slug overview_colorpickerhelper_aspnetcore %}) & Demos [ColorPicker TagHelper Docs]({% slug taghelpers_colorpicker_aspnetcore %}) & Demos
[ComboBox HtmlHelper Docs]({% slug htmlhelpers_combobox_aspnetcore %}) & Demos [ComboBox TagHelper Docs]({% slug taghelpers_combobox_aspnetcore %}) & Demos
[DateInput HtmlHelper Docs]({% slug htmlhelpers_dateinput_aspnetcore %}) & Demos [DateInput TagHelper Docs]({% slug taghelpers_dateinput_aspnetcore %}) & Demos
[DatePicker HtmlHelper Docs]({% slug htmlhelpers_datepicker_aspnetcore %}) & Demos [DatePicker TagHelper Docs]({% slug taghelpers_datepicker_aspnetcore %}) & Demos
[DateRangePicker HtmlHelper Docs]({% slug htmlhelpers_daterangepicker_aspnetcore %}) & Demos N/A
[DateTimePicker HtmlHelper Docs]({% slug htmlhelpers_datetimepicker_aspnetcore %}) & Demos [DateTimePicker TagHelper Docs]({% slug taghelpers_datetimepicker_aspnetcore %}) & Demos
[DropDownList HtmlHelper Docs]({% slug htmlhelpers_dropdownlist_aspnetcore %}) & Demos [DropDownList TagHelper Docs]({% slug taghelpers_dropdownlist_aspnetcore %}) & Demos
[DropDownTree HtmlHelper Docs]({% slug htmlhelpers_dropdowntree_aspnetcore %}) & Demos [DropDownTree TagHelper Docs]({% slug taghelpers_dropdowntree_aspnetcore %}) & Demos
[Editor HtmlHelper Docs]({% slug htmlhelpers_editor_aspnetcore %}) & Demos [Editor TagHelper Docs]({% slug taghelpers_editor_aspnetcore %}) & Demos
[FlatColorPicker HtmlHelper Docs]({% slug overview_flatcolorpickerhelper_aspnetcore %}) & Demos N/A
[ListBox HtmlHelper Docs]({% slug htmlhelpers_listbox_aspnetcore %}) & Demos [ListBox TagHelper Docs]({% slug taghelpers_listbox_aspnetcore %}) & Demos
[MaskedTextBox HtmlHelper Docs]({% slug htmlhelpers_maskedtextbox_aspnetcore %}) & Demos [MaskedTextBox TagHelper Docs]({% slug taghelpers_maskedtextbox_aspnetcore %}) & Demos
[MultiColumnComboBox HtmlHelper Docs]({% slug htmlhelpers_multicolumncombobox_aspnetcore %}) [MultiColumnComboBox TagHelper Docs]({% slug taghelpers_multicolumncombobox_aspnetcore %})
[MultiSelect HtmlHelper Docs]({% slug htmlhelpers_multiselect_aspnetcore %}) & Demos [MultiSelect TagHelper Docs]({% slug taghelpers_multiselect_aspnetcore %}) & Demos
[NumericTextBox HtmlHelper Docs]({% slug htmlhelpers_numerictextbox_aspnetcore %}) & Demos [NumericTextBox TagHelper Docs]({% slug taghelpers_numerictextbox_aspnetcore %}) & Demos
[Slider HtmlHelper Docs]({% slug overview_sliderhelper_aspnetcore %}) & Demos [Slider TagHelper Docs]({% slug taghelpers_slider_aspnetcore %}) & Demos
[Switch HtmlHelper Docs]({% slug overview_switchhelper_aspnetcore %}) & Demos [Switch TagHelper Docs]({% slug taghelpers_switch_aspnetcore %}) & Demos
[TimePicker HtmlHelper Docs]({% slug overview_timepickerhelper_aspnetcore %}) & Demos [TimePicker TagHelper Docs]({% slug taghelpers_timepicker_aspnetcore %}) & Demos
[Upload HtmlHelper Docs]({% slug htmlhelpers_upload_aspnetcore %}) & Demos [Upload TagHelper Docs]({% slug taghelpers_upload_aspnetcore %}) & Demos
Validator HtmlHelper Demos [Validator TagHelper Docs]({% slug taghelpers_validator_aspnetcore %})
Charts [Chart HtmlHelper Docs]({% slug areacharts_aspnetcore_htmlhelper %}) & Demos [Chart TagHelper Docs]({% slug taghelpers_chart_aspnetcore %})
[StockChart HtmlHelper Docs]({% slug overview_stockcharthelper_aspnetcore %}) & Demos N/A
[TreeMap HtmlHelper Docs]({% slug overview_treemaphelper_aspnetcore %}) & Demos [TreeMap TagHelper Docs]({% slug taghelpers_treemap_aspnetcore %}) & Demos
Gauges [ArcGauge HtmlHelper Docs]({% slug overview_arcgaugehelper_aspnetcore %}) & Demos [ArcGauge TagHelper Docs]({% slug taghelpers_arcgauge_aspnetcore %}) & Demos
[LinearGauge HtmlHelper Docs]({% slug overview_lineargaugehelper_aspnetcore %}) & Demos [LinearGauge TagHelper Docs]({% slug taghelpers_lineargauge_aspnetcore %}) & Demos
[RadialGauge HtmlHelper Docs]({% slug overview_radialgaugehelper_aspnetcore %}) & Demos [RadialGauge TagHelper Docs]({% slug taghelpers_radialgauge_aspnetcore %}) & Demos
Barcodes [Barcode HtmlHelper Docs]({% slug overview_barcodehelper_aspnetcore %}) & Demos [Barcode TagHelper Docs]({% slug taghelpers_barcode_aspnetcore %}) & Demos
[QRCode HtmlHelper Docs]({% slug overview_qrcodehelper_aspnetcore %}) & Demos [QRCode TagHelper Docs]({% slug taghelpers_qrcode_aspnetcore %}) & Demos
Diagrams and Maps [Map HtmlHelper Docs]({% slug htmlhelpers_map_aspnetcore %}) & Demos [Map TagHelper Docs]({% slug taghelpers_map_aspnetcore %}) & Demos
Scheduling [Calendar HtmlHelper Docs]({% slug htmlhelpers_overview_calendarhelper_aspnetcore %}) & Demos [Calendar TagHelper Docs]({% slug taghelpers_calendar_aspnetcore %}) & Demos
[Gantt HtmlHelper Docs]({% slug htmlhelpers_gantt_aspnetcore %}) & Demos [Gantt TagHelper Docs]({% slug taghelpers_gantt_aspnetcore %}) & Demos
[MultiViewCalendar HtmlHelper Docs]({% slug overview_multiviewcalendar_htmlhelper_aspnetcore %}) & Demos [MultiViewCalendar TagHelper Docs]({% slug overview_multiviewcalendar_taghelper_aspnetcore %})
[Scheduler HtmlHelper Docs]({% slug htmlhelpers_scheduler_aspnetcore %}) & Demos [Scheduler TagHelper Docs]({% slug taghelpers_scheduler_aspnetcore %}) & Demos
Layout [Dialog HtmlHelper Docs]({% slug overview_dialoghelper_aspnetcore %}) & Demos [Dialog TagHelper Docs]({% slug taghelpers_dialog_aspnetcore %}) & Demos
[Notification HtmlHelper Docs]({% slug htmlhelpers_notification_aspnetcore %}) & Demos [Notification TagHelper Docs]({% slug taghelpers_notification_aspnetcore %}) & Demos
N/A [Popup TagHelper Docs]({% slug taghelpers_popup_aspnetcore %})
N/A [ResponsivePanel TagHelper Docs]({% slug taghelpers_responsivepanel_aspnetcore %})
[Splitter HtmlHelper Docs]({% slug htmlhelpers_splitter_aspnetcore %}) & Demos [Splitter TagHelper Docs]({% slug taghelpers_splitter_aspnetcore %}) & Demos
[Tooltip HtmlHelper Docs]({% slug htmlhelpers_tooltip_aspnetcore %}) & Demos [Tooltip TagHelper Docs]({% slug taghelpers_tooltip_aspnetcore %}) & Demos
[Window HtmlHelper Docs]({% slug htmlhelpers_window_aspnetcore %}) & Demos [Window TagHelper Docs]({% slug taghelpers_window_aspnetcore %}) & Demos
Navigation [Button HtmlHelper Docs]({% slug htmlhelpers_button_aspnetcore %}) & Demos [Button TagHelper Docs]({% slug taghelpers_button_aspnetcore %}) & Demos
[ButtonGroup HtmlHelper Docs]({% slug htmlhelpers_buttongroup_aspnetcore %}) & Demos [ButtonGroup TagHelper Docs]({% slug taghelpers_buttongroup_aspnetcore %}) & Demos
[Drawer HtmlHelper Docs]({% slug htmlhelpers_drawer_aspnetcore %}) & Demos [Drawer TagHelper Docs]({% slug taghelpers_drawer_aspnetcore %}) & Demos
[Menu HtmlHelper Docs]({% slug htmlhelpers_menu_aspnetcore %}) & Demos [Menu TagHelper Docs]({% slug taghelpers_menu_aspnetcore %}) & Demos
[PanelBar HtmlHelper Docs]({% slug htmlhelpers_panelbar_aspnetcore %}) & Demos [PanelBar TagHelper Docs]({% slug taghelpers_panelbar_aspnetcore %}) & Demos
[RadioButton HtmlHelper Docs]({% slug htmlhelpers_radiobutton_aspnetcore %}) N/A
[TabStrip HtmlHelper Docs]({% slug htmlhelpers_tabstrip_aspnetcore %}) & Demos [TabStrip TagHelper Docs]({% slug taghelpers_tabstrip_aspnetcore %}) & Demos
[ToolBar HtmlHelper Docs]({% slug htmlhelpers_toolbar_aspnetcore %}) & Demos [ToolBar TagHelper Docs]({% slug taghelpers_toolbar_aspnetcore %}) & Demos
[TreeView HtmlHelper Docs]({% slug htmlhelpers_treeview_aspnetcore %}) & Demos [TreeView TagHelper Docs]({% slug taghelpers_treeview_aspnetcore %}) & Demos
Conversational UI [Chat HtmlHelper Docs]({% slug htmlhelpers_chat_aspnetcore %}) & Demos [Chat TagHelper Docs]({% slug taghelpers_chat_aspnetcore %})
Interactivity and UX DragAndDrop HtmlHelper Demos [DragAndDrop TagHelper Docs]({% slug taghelpers_dragdrop_aspnetcore %})
[ProgressBar HtmlHelper Docs]({% slug htmlhelpers_progressbar_aspnetcore %}) & Demos [ProgressBar TagHelper Docs]({% slug taghelpers_progressbar_aspnetcore %}) & Demos
[Sortable HtmlHelper Docs]({% slug htmlhelpers_sortable_aspnetcore %}) & Demos [Sortable TagHelper Docs]({% slug taghelpers_sortable_aspnetcore %}) & Demos
Media [MediaPLayer HtmlHelper Docs]({% slug htmlhelpers_mediaplayer_aspnetcore %}) & Demos N/A
[ScrollView HtmlHelper Docs]({% slug htmlhelpers_scrollview_aspnetcore %}) & Demos [ScrollView TagHelper Docs]({% slug taghelpers_scrollview_aspnetcore %}) & Demos
PDF [PDFViewer HtmlHelper Docs]({% slug htmlhelpers_pdfviewer_aspnetcore %}) & Demos [PDFViewer TagHelper Docs]({% slug taghelpers_pdfviewer_aspnetcore %}) & Demos

Monitoring the Progress Live Services

Progress provides up-to-date information about the live services it delivers to its customers on a daily basis—for example, the Kendo UI CDN services, Kendo UI Dojo playground, and Telerik NuGet feed.

Trial Version and Commercial License

This UI for ASP.NET Core library is a commercial UI library. You are welcome to explore its full functionality and get technical support from the team when you register for a free 30-day trial. To use it commercially, you need to purchase a license. Feel free to review the Telerik UI for ASP.NET Core License Agreement to get acquainted with the full terms of use.

Support Options

For any issues you might encounter while working with UI for ASP.NET Core, use any of the available support channels:

Learning Resources

Next Steps

  • [First steps on Visual Studio for Windows (online guide)]({% slug gettingstarted_aspnetmvc6_aspnetmvc %})
  • [First steps on Visual Studio for Mac (online guide)]({% slug gettingstarted_firststeps_vsmac %})
  • [First steps with CLI (online guide)]({% slug gettingstartedcli_aspnetmvc6_aspnetmvc %})
  • [Including client-side resources]({% slug copyclientresources_aspnetmvc6_aspnetmvc %})
  • [Integrating UI for ASP.NET Core in Visual Studio]({% slug overview_visualstudio_aspnetcore %})
  • [Upgrading UI for ASP.NET Core in Visual Studio]({% slug upgrade_aspnetcore %})