diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/1.getting-up-and-running.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/1.getting-up-and-running.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/1.getting-up-and-running.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/1.getting-up-and-running.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/10.kendoui-themes.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/10.kendoui-themes.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/10.kendoui-themes.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/10.kendoui-themes.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/2.input-controls.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/2.input-controls.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/2.input-controls.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/2.input-controls.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/3.scaffolding.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/3.scaffolding.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/3.scaffolding.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/3.scaffolding.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/4.telerikui-grid.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/4.telerikui-grid.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/4.telerikui-grid.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/4.telerikui-grid.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/5.telerikui-listview.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/5.telerikui-listview.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/5.telerikui-listview.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/5.telerikui-listview.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/6.client-side.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/6.client-side.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/6.client-side.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/6.client-side.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/7.telerikui-datasource.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/7.telerikui-datasource.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/7.telerikui-datasource.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/7.telerikui-datasource.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/8.telerikui-charts.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/8.telerikui-charts.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/8.telerikui-charts.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/8.telerikui-charts.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/9.go-responsive.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/9.go-responsive.md similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/9.go-responsive.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/9.go-responsive.md diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter0/dashboard.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter0/dashboard.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter0/dashboard.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter0/dashboard.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter0/mobile-dashboard.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter0/mobile-dashboard.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter0/mobile-dashboard.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter0/mobile-dashboard.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/bootstrap-theme.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/bootstrap-theme.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/bootstrap-theme.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/bootstrap-theme.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/cdn-support.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/cdn-support.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/cdn-support.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/cdn-support.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/convert-to-telerik.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/convert-to-telerik.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/convert-to-telerik.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/convert-to-telerik.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/file-conflict.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/file-conflict.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/file-conflict.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/file-conflict.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/file-new-mvc-project.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/file-new-mvc-project.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/file-new-mvc-project.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/file-new-mvc-project.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/manage-nuget-packages.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/manage-nuget-packages.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/manage-nuget-packages.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/manage-nuget-packages.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/new-project2.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/new-project2.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/new-project2.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/new-project2.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/nuget-boilerplate.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/nuget-boilerplate.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/nuget-boilerplate.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/nuget-boilerplate.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/select-new-mvc-template.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/select-new-mvc-template.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/select-new-mvc-template.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/select-new-mvc-template.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/wire-frame.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/wire-frame.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter1/wire-frame.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter1/wire-frame.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter10/app-wrapper.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter10/app-wrapper.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter10/app-wrapper.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter10/app-wrapper.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter10/datepicker-width.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter10/datepicker-width.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter10/datepicker-width.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter10/datepicker-width.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter10/finished-app-in-nova.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter10/finished-app-in-nova.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter10/finished-app-in-nova.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter10/finished-app-in-nova.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter10/list-view-container.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter10/list-view-container.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter10/list-view-container.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter10/list-view-container.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter2/date-picker-flyout.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter2/date-picker-flyout.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter2/date-picker-flyout.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter2/date-picker-flyout.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter2/fluent-interface.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter2/fluent-interface.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter2/fluent-interface.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter2/fluent-interface.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter2/kendo-extension.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter2/kendo-extension.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter2/kendo-extension.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter2/kendo-extension.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter2/wrapper-output.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter2/wrapper-output.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter2/wrapper-output.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter2/wrapper-output.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/add-kendo-scaffolder.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/add-kendo-scaffolder.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/add-kendo-scaffolder.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/add-kendo-scaffolder.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/complete-upgrade.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/complete-upgrade.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/complete-upgrade.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/complete-upgrade.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-crud-operations.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-crud-operations.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-crud-operations.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-crud-operations.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-databinding-options.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-databinding-options.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-databinding-options.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-databinding-options.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-features.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-features.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-features.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-features.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-options.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-options.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-options.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-options.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-scaffolder.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-scaffolder.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/grid-scaffolder.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/grid-scaffolder.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/invoices-grid.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/invoices-grid.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/invoices-grid.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/invoices-grid.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/modify-connection-confirm.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/modify-connection-confirm.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/modify-connection-confirm.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/modify-connection-confirm.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/modify-connection.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/modify-connection.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/modify-connection.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/modify-connection.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/new-scaffolded-item.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/new-scaffolded-item.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/new-scaffolded-item.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/new-scaffolded-item.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/verify-connectivity.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/verify-connectivity.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter3/verify-connectivity.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter3/verify-connectivity.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter5/employee-list.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter5/employee-list.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter5/employee-list.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter5/employee-list.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter6/employee-list-selected.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter6/employee-list-selected.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter6/employee-list-selected.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter6/employee-list-selected.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter6/selected-item-to-template.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter6/selected-item-to-template.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter6/selected-item-to-template.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter6/selected-item-to-template.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter7/datasource-filtered-data.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter7/datasource-filtered-data.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter7/datasource-filtered-data.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter7/datasource-filtered-data.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter7/datasource-initial.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter7/datasource-initial.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter7/datasource-initial.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter7/datasource-initial.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/bullet-chart.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/bullet-chart.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/bullet-chart.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/bullet-chart.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/chart-client-api.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/chart-client-api.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/chart-client-api.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/chart-client-api.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/new-partial.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/new-partial.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/new-partial.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/new-partial.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/render-charts.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/render-charts.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/render-charts.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/render-charts.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/spark-line-chart.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/spark-line-chart.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter8/spark-line-chart.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter8/spark-line-chart.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter9/responsive-grid.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter9/responsive-grid.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter9/responsive-grid.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter9/responsive-grid.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter9/responsive-panel.jpg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter9/responsive-panel.jpg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/chapter9/responsive-panel.jpg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/chapter9/responsive-panel.jpg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/github4.svg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/github4.svg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/github4.svg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/github4.svg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/menu.svg b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/menu.svg similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/menu.svg rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/menu.svg diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/images/noise.png b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/noise.png similarity index 100% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/images/noise.png rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/images/noise.png diff --git a/docs-aspnet/how-to/build-team-efficiency-dashboard/overview.md b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/overview.md similarity index 62% rename from docs-aspnet/how-to/build-team-efficiency-dashboard/overview.md rename to docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/overview.md index fc9cd8ca2c9..584e11c13af 100644 --- a/docs-aspnet/how-to/build-team-efficiency-dashboard/overview.md +++ b/docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/overview.md @@ -44,13 +44,13 @@ However, the Telerik UI for ASP.NET MVC wrappers provide additional capabilities ## Next Steps -* [Step 1: Getting Up and Running]({% slug gettingupandrunning_timeefficiencyapp_aspnetmvc6 %}) -* [Step 2: Input Controls]({% slug input_controls_timeefficiencyapp_aspnetmvc6 %}) -* [Step 3: Scaffolding]({% slug scaffolding_timeefficiencyapp_aspnetmvc6 %}) -* [Step 4: Add and Configure the Telerik UI Grid]({% slug telerikui_grid_timeefficiencyapp_aspnetmvc6 %}) -* [Step 5: Add and Configure the Telerik UI ListView]({% slug telerikui_listview_timeefficiencyapp_aspnetmvc6 %}) -* [Step 6: Manage the Client Side]({% slug client_side_timeefficiencyapp_aspnetmvc6 %}) -* [Step 7: Handle the Telerik UI Datasource]({% slug telerikui_datasource_timeefficiencyapp_aspnetmvc6 %}) -* [Step 8: Add and Configure the Telerik UI Charts]({% slug telerikui_charts_timeefficiencyapp_aspnetmvc6 %}) -* [Step 9: Make the Application Responsive]({% slug go_responsive_timeefficiencyapp_aspnetmvc6 %}) -* [Step 10: Add and Configure the Kendo UI Themes]({% slug kendoui_themes_timeefficiencyapp_aspnetmvc6 %}) +* [Step 1: Getting Up and Running](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/gettingupandrunning) +* [Step 2: Input Controls](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/input-controls) +* [Step 3: Scaffolding](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/scaffolding) +* [Step 4: Add and Configure the Telerik UI Grid](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/telerikui-grid) +* [Step 5: Add and Configure the Telerik UI ListView](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/telerikui-listview) +* [Step 6: Manage the Client Side](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/client-side) +* [Step 7: Handle the Telerik UI Datasource](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/telerikui-datasource) +* [Step 8: Add and Configure the Telerik UI Charts](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/telerikui-charts) +* [Step 9: Make the Application Responsive](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/go-responsive) +* [Step 10: Add and Configure the Kendo UI Themes](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/kendoui-themes) \ No newline at end of file diff --git a/docs-aspnet/html-helpers/data-management/grid/binding/custom-datasource.md b/docs-aspnet/html-helpers/data-management/grid/binding/custom-datasource.md index 967cdff38fc..cd314c430b2 100644 --- a/docs-aspnet/html-helpers/data-management/grid/binding/custom-datasource.md +++ b/docs-aspnet/html-helpers/data-management/grid/binding/custom-datasource.md @@ -128,4 +128,3 @@ The following example demonstrates a CustomDataSourceBuilder definition. * [Custom DataSource for {{ site.framework }} (https://docs.telerik.com/{{ site.platform }}/html-helpers/datasource/custom-datasource) * [Server-Side API](/api/grid) * [Custom DataSource in Grid for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/custom-datasource) -{% endif %} \ No newline at end of file diff --git a/docs-aspnet/html-helpers/data-management/listview/binding/custom-datasource.md b/docs-aspnet/html-helpers/data-management/listview/binding/custom-datasource.md index 36c5f9f403d..d52381964dc 100644 --- a/docs-aspnet/html-helpers/data-management/listview/binding/custom-datasource.md +++ b/docs-aspnet/html-helpers/data-management/listview/binding/custom-datasource.md @@ -99,4 +99,3 @@ The following example demonstrates a CustomDataSourceBuilder definition. * [Custom DataSource for {{ site.framework }} (https://docs.telerik.com/{{ site.platform }}/html-helpers/datasource/custom-datasource) * [Server-Side API](/api/listview) * [Custom DataSource in ListView for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/listview/custom-datasource) -{% endif %} \ No newline at end of file diff --git a/docs-aspnet/html-helpers/navigation/bottomnavigation/appearance.md b/docs-aspnet/html-helpers/navigation/bottomnavigation/appearance.md index f8e383da2a6..72a288a2639 100644 --- a/docs-aspnet/html-helpers/navigation/bottomnavigation/appearance.md +++ b/docs-aspnet/html-helpers/navigation/bottomnavigation/appearance.md @@ -8,20 +8,180 @@ position: 3 # Appearance -The Telerik BottomNavigation for {{ site.framework }} allows you to alter the appearance of the component by setting its [ItemFlow](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#itemflowkendomvcuibottomnavigationitemflow), [ThemeColor](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#themecolorkendomvcuibottomnavigationthemecolor), [Border](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#bordersystemboolean), [Shadow](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#shadowsystemboolean) and [Fill](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#fillkendomvcuibottomnavigationfill) options. +In this article, you will find information about the styling options of the {{ site.product }} BottomNavigation that allow you to customize the overall component appearance based on your needs and preferences. -The example below demonstrates how to modify the appearance by using the above settings: +For a complete example, refer to the [Appearance Demo of the BottomNavigation](https://demos.telerik.com/{{ site.platform }}/bottomnavigation/appearance). + +## Options + +The BottomNavigation component provides the following styling options: + +- [`ItemFlow()`](#itemflow)—Sets the position of the labels against the items. +- [`ThemeColor()`](#themecolor)—Specifies the color applied to the component. +- [`Border()`](#border)—Toggles the border of the BottomNavigation. +- [`Fill()`](#fill)—Defines how the color is applied to the BottomNavigation. +- [`Shadow()`](#shadow)—Sets the shadow of the component. +- [`PositionMode()`](#positionmode)—Determines the CSS position of the BottomNavigation in the page. + +### ItemFlow + +To control the the position of the text labels against the items, set the [`ItemFlow`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#itemflowkendomvcuibottomnavigationitemflow) option to `Vertical` or `Horizonatal`. + +```HtmlHelper + @(Html.Kendo().BottomNavigation() + .Name("bottomNavigation") + .ItemFlow(BottomNavigationItemFlow.Vertical) + .Items(i => + { + i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true); + i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date"); + i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user"); + }) + ) +``` +{% if site.core %} +```TagHelper + @{ + var home = new { view = "home" }; + var calendar = new { view = "calendar" }; + var profile = new { view = "profile" }; + } + + + + + + + + +``` +{% endif %} + +### ThemeColor + +The [`ThemeColor`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#themecolorkendomvcuibottomnavigationthemecolor) configuration provides a variety of colors that can be applied to the component. The available options are: + +- `Default` +- `Primary` +- `Secondary` +- `Tertiary` +- `Info` +- `Success` +- `Warning` +- `Error` +- `Dark` +- `Light` +- `Inverse` +- `Inherit` (no coloring will be applied) + +The default `ThemeColor` is `Primary`. + +```HtmlHelper + @(Html.Kendo().BottomNavigation() + .Name("bottomNavigation") + .ThemeColor(BottomNavigationThemeColor.Info) + .Items(i => + { + i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true); + i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date"); + i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user"); + }) + ) +``` +{% if site.core %} +```TagHelper + @{ + var home = new { view = "home" }; + var calendar = new { view = "calendar" }; + var profile = new { view = "profile" }; + } + + + + + + + + +``` +{% endif %} + +### Border + +You can toggle the visibility of the border around the BottomNavigation through the [`Border()`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#bordersystemboolean) option. By default, the border is visible. ```HtmlHelper @(Html.Kendo().BottomNavigation() .Name("bottomNavigation") - .PositionMode(BottomNavigationPositionMode.Absolute) - .ItemFlow( BottomNavigationItemFlow.Horizontal) - .Fill( BottomNavigationFill.Solid) .Border(false) + .Items(i => + { + i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true); + i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date"); + i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user"); + }) + ) +``` +{% if site.core %} +```TagHelper + @{ + var home = new { view = "home" }; + var calendar = new { view = "calendar" }; + var profile = new { view = "profile" }; + } + + + + + + + + +``` +{% endif %} + +### Fill + +The [`Fill()`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#fillkendomvcuibottomnavigationfill) method specifies how the color is applied to the component. The default fill mode of the BottomNavigation is `Flat`. + +```HtmlHelper + @(Html.Kendo().BottomNavigation() + .Name("bottomNavigation") + .Fill(BottomNavigationFill.Solid) + .Items(i => + { + i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true); + i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date"); + i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user"); + }) + ) +``` +{% if site.core %} +```TagHelper + @{ + var home = new { view = "home" }; + var calendar = new { view = "calendar" }; + var profile = new { view = "profile" }; + } + + + + + + + + +``` +{% endif %} + +### Shadow + +By default, the BottomNavigation does not have a [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) CSS property. You can add a shadow effect by using the [`Shadow()`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#shadowsystemboolean) option. + +```HtmlHelper + @(Html.Kendo().BottomNavigation() + .Name("bottomNavigation") .Shadow(true) - .ThemeColor( BottomNavigationThemeColor.Dark) - .HtmlAttributes(new { style = "bottom:0;" }) .Items(i => { i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true); @@ -32,21 +192,47 @@ The example below demonstrates how to modify the appearance by using the above s ``` {% if site.core %} ```TagHelper - @addTagHelper *, Kendo.Mvc @{ - var home = new { view= "home" }; + var home = new { view = "home" }; + var calendar = new { view = "calendar" }; + var profile = new { view = "profile" }; + } + + + + + + + + +``` +{% endif %} + +### PositionMode + +The CSS position of the BottomNavigation in the document can be defined through the [`PositionMode()`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#positionmodekendomvcuibottomnavigationpositionmode) method. The default position of the component is `Fixed`. + +```HtmlHelper + @(Html.Kendo().BottomNavigation() + .Name("bottomNavigation") + .PositionMode(BottomNavigationPositionMode.Absolute) + .Items(i => + { + i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true); + i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date"); + i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user"); + }) + ) +``` +{% if site.core %} +```TagHelper + @{ + var home = new { view = "home" }; var calendar = new { view = "calendar" }; var profile = new { view = "profile" }; - } - + } + + @@ -56,7 +242,14 @@ The example below demonstrates how to modify the appearance by using the above s ``` {% endif %} +The following values are available for the `PositionMode` option: + +- `Absolute` +- `Fixed` +- `Sticky` + ## See Also * [Appearance of the BottomNavigation HtmlHelper for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/bottomnavigation/appearance) * [Server-Side API](/api/bottomnavigation) +* [Client-Side API](https://docs.telerik.com/kendo-ui/api/javascript/ui/bottomnavigation) \ No newline at end of file diff --git a/docs/knowledge-base/dojo-snippets-list-faq.md b/docs/knowledge-base/dojo-snippets-list-faq.md index 57dd940d2e2..74ab72b7f65 100644 --- a/docs/knowledge-base/dojo-snippets-list-faq.md +++ b/docs/knowledge-base/dojo-snippets-list-faq.md @@ -21,11 +21,11 @@ This KB also answers the following questions: The Dojo no longer supports registered accounts. You can keep on creating snippets and sharing them with others, however they will not be linked to a specific account. -The main functionality that has been removed, is the snippets list that was previously accessible through the `/snippets` page. On this page, you were previously able to view a list of all of the snippets created by that account. This page will no longer be available. If you want to keep track of the created snippets, you have to either bookmark them or save them in a place of your choose. +The main functionality that has been removed, is the snippets list that was previously accessible through the `/snippets` page. On this page, you were previously able to view a list of all of the snippets created by that account. This page will no longer be available. If you want to keep track of the created snippets, you have to either bookmark them or save them in a place of your choice. ## Solution -> Please contact us before the 3rd of April 2025(04/03/2025) for a list of your snippets. After that, this information will be erased and we won't be able to retrieve account-specific lists. +> Please contact us before the 3rd of April 2025(04/03/2025) for a list of snippets created using your account. After that, this information will be erased and we won't be able to retrieve account-specific lists. The existing snippets WILL NOT be removed. All of the snippets that have been created over the years will remain available, including the ones created with your account. The urls of these snippets will remain unchanged. diff --git a/src/kendo.numerictextbox.js b/src/kendo.numerictextbox.js index 6529bac137b..b16531ec6ba 100644 --- a/src/kendo.numerictextbox.js +++ b/src/kendo.numerictextbox.js @@ -387,6 +387,7 @@ var __meta__ = { focus: function() { this._focusin(); + this.selectValue(); }, _adjust: function(value) { diff --git a/tests/numerictextbox/api.js b/tests/numerictextbox/api.js index e20539c4b9b..5d5118d4784 100644 --- a/tests/numerictextbox/api.js +++ b/tests/numerictextbox/api.js @@ -458,6 +458,17 @@ }, 200); }); + it("focus method should select the text when selectOnFocus is enabled", function(done) { + var textbox = new NumericTextBox(input, { selectOnFocus: true, value: 15 }); + + textbox.focus(); + + setTimeout(function() { + assert.equal(input[0].value.substring(input[0].selectionStart, input[0].selectionEnd), "15"); + done(); + }, 100); + }); + it("on blur should hide input text", function() { var textbox = new NumericTextBox(input);