| title | page_title | description | slug | previous_url | position |
|---|---|---|---|---|---|
Overview |
Overview - Team Efficiency Dashboard Tutorial |
Start building the Team Efficiency Dashboard application by using Progress Telerik UI for ASP.NET MVC. |
overview_timeefficiencyapp_aspnetmvc6 |
/tutorials/quickstart/overview, /tutorials/quickstart/team-efficiency, /tutorials/tutorial-aspnetmvc-quick-start/chapter0 |
0 |
The tutorial on how to build the Team Efficiency Dashboard application by using Telerik UI for ASP.NET MVC is contributed by Developer Advocate Ed Charbeneau.
Welcome to the Telerik UI for ASP.NET MVC quick start guide. In this guided tutorial you will learn how to install, configure, and utilize Telerik UI for ASP.NET MVC to build a rich single-page dashboard application that works beautifully on any device.
This guide will walk you through building Team Efficiency Dashboard, a single page app that does the following things:
- Connects rich chart visualizations and grids to an SQL data source.
- Provides an interactive master/detail dashboard with filtering, sorting and exporting.
- Looks great on any device size including: mobile, tablet and desktop.
If you follow along until the end, here is what the finished app will look like.
And here is what the app will look like on mobile.
From client-side point of view, the vanilla HTML/JavaScript Kendo UI widgets and the rendered Telerik UI for ASP.NET MVC represent the same thing and provide the same capabilities. However, the Telerik UI for ASP.NET MVC wrappers provide additional capabilities for use with ASP.NET MVC and tooling for VisualStudio. Refer to the [documentation]({% slug overview_aspnetmvc6_aspnetmvc %}#widgets-vs-helpers) for a complete feature comparison.
- [Documentation - Telerik UI for ASP.NET MVC]({% slug overview_aspnetmvc6_aspnetmvc %})
- API References - Telerik UI for ASP.NET MVC
- Support
- Step 1: Getting Up and Running
- Step 2: Input Controls
- Step 3: Scaffolding
- Step 4: Add and Configure the Telerik UI Grid
- Step 5: Add and Configure the Telerik UI ListView
- Step 6: Manage the Client Side
- Step 7: Handle the Telerik UI Datasource
- Step 8: Add and Configure the Telerik UI Charts
- Step 9: Make the Application Responsive
- Step 10: Add and Configure the Kendo UI Themes