add optimizations

didiyordanova · didiyordanova · commit aeb2e5795306 · 2025-03-27T17:15:15.000+02:00
diff --git a/controls/button/getting-started.md b/controls/button/getting-started.md
@@ -1,6 +1,6 @@
 ---
 title: Getting Started
-page_title: .NET MAUI Button Documentation - Getting Started
+page_title: Getting Started with .NET MAUI Button
 description: Get started with the Telerik UI for .NET MAUI Button control and add the control to your .NET MAUI project.
 position: 1
 slug: button-getting-started
@@ -10,6 +10,10 @@ slug: button-getting-started
 
 This guide provides the information you need to start using the Telerik UI for .NET MAUI Button by adding the control to your project.
 
+{% if site.has_cta_panels == true %}
+{% include cta-panel-maui-overview.html %}
+{% endif %}
+
 This is the default look of the `RadButton` control:
 
 ![.NET MAUI Button Default Look](images/button-default-look.png)
diff --git a/controls/datagrid/editing.md b/controls/datagrid/editing.md
@@ -3,6 +3,7 @@ title: Editing
 page_title: .NET MAUI DataGrid Documentation - Editing
 description: "Learn how to use the built-in column and custom editors for modifying the data records in the Telerik UI for .NET MAUI DataGrid component."
 position: 9
+tags: grid, data grid, maui grid, dot net maui grid, dotnet maui grid
 previous_url: /controls/datagrid/datagrid-editing
 slug: datagrid-editing
 ---
diff --git a/controls/datagrid/events.md b/controls/datagrid/events.md
@@ -3,8 +3,8 @@ title: Events
 page_title: .NET MAUI DataGrid Documentation - Events
 description: "Learn about the Telerik UI for .NET MAUI DataGrid events and how to achieve various scenarios upon user interaction such as loading content on demand, binding to data, modifying group collections, and more."
 position: 14
+tags: grid, data grid, maui grid, dot net maui grid, dotnet maui grid, events
 slug: datagrid-events
-tags: events
 ---
 
 # .NET MAUI DataGrid Events
diff --git a/controls/datagrid/getting-started.md b/controls/datagrid/getting-started.md
@@ -1,8 +1,9 @@
 ---
 title: Getting Started
 page_title: .NET MAUI DataGrid Documentation - Getting Started
-description: "Get started with the Telerik UI for .NET MAUI DataGrid and add the control to your .NET MAUI project."
+description: "Get started with the Telerik UI for .NET MAUI Grid and add the control to your .NET MAUI project."
 position: 1
+tags: grid, data grid, maui grid, dot net maui grid, dotnet maui grid
 slug: datagrid-getting-started
 ---
 
@@ -12,7 +13,7 @@ This guide provides the information you need to start using the [Telerik UI for
 
 At the end, you will achieve the following result.
 
-![DataGrid Getting Started](images/datagrid-getting-started.png)
+![.NET MAUI Grid Getting Started](images/datagrid-getting-started.png)
 
 ## Prerequisites
 
diff --git a/controls/datagrid/load-on-demand.md b/controls/datagrid/load-on-demand.md
@@ -1,7 +1,7 @@
 ---
 title: Load On Demand
 page_title: .NET MAUI DataGrid Documentation - Load on Demand
-description: "Learn more about the available modes and approaches to load huge sets of data in the Telerik UI for .NET MAUI DataGrid to improve the performance of the component and save computing resources."
+description: "Learn more about the available modes and approaches to load huge sets of data in the Telerik UI for .NET MAUI Grid to improve the performance of the component and save computing resources."
 position: 13
 slug: datagrid-features-loadondemand
 ---
@@ -82,7 +82,7 @@ You have to set it to the `LoadOnDemandRowStyle` property of the DataGrid:
 
 >caption Row appearance after setting the `LoadOnDemandRowStyle` property
 
-![DataGrid LoadOnDemand Row Style](images/datagrid-rowstyle.png)
+![.NET MAUI Grid LoadOnDemand Row Style](images/datagrid-rowstyle.png)
 
 ### Load-More-Button Row Template
 
@@ -98,7 +98,7 @@ The following example shows how to set the property:
 
 >caption Row appearance after setting the `LoadOnDemandRowTemplate`
 
-![DataGrid LoadOnDemand Row Style](images/datagrid-rowtemplate.png)
+![.NET MAUI Grid LoadOnDemand Row Style](images/datagrid-rowtemplate.png)
 
 ## Additional Resources
 - [.NET MAUI DataGrid Product Page](https://www.telerik.com/maui-ui/datagrid)
diff --git a/controls/datagrid/overview.md b/controls/datagrid/overview.md
@@ -1,8 +1,9 @@
 ---
 title: Overview
 page_title: .NET MAUI DataGrid Overview
-description: .NET MAUI DataGrid is a control that allows you to visualize and edit tabular data in your .NET MAUI apps.
+description: .NET MAUI Grid is a control that allows you to visualize and edit tabular data in your .NET MAUI apps.
 position: 0
+tags: grid, data grid, maui grid, dot net maui grid, dotnet maui grid
 previous_url: /controls/datagrid/datagrid-overview
 slug: datagrid-overview
 ---
@@ -17,7 +18,7 @@ When the data from a database is sent to the client, usually converted to a Busi
 
 The optimized data layer of the DataGrid enables fast grouping, sorting, and filtering operations. The user interface uses virtualization for its row and cell elements, which means that visual elements are created only when needed and only for the currently visible cells.
 
-![Telerik .NET MAUI DataGrid](images/datagrid-overview.png "Telerik .NET MAUI DataGrid")
+![Telerik .NET MAUI Grid on all platforms](images/datagrid-overview.png "Telerik .NET MAUI Grid")
 
 ## MAUI DataGrid Video Tutorial
 
@@ -27,7 +28,21 @@ If you prefer video instructions, watch the Getting Started with the MAUI DataGr
 * Configure the columns and use custom templates.
 * Use sorting, filtering and selection features.
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/XxUvA4fKHzU?si=EuqJC2OIPrIDMaGd" title="Mastering the DataGrid in Telerik UI for .NET MAUI: Setup, Columns, Sorting, and More" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<script type="application/ld+json"> 
+{
+  "@context": "https://schema.org",
+  "@type": "VideoObject",
+  "name": "Mastering the DataGrid in Telerik UI for .NET MAUI: Setup, Columns, Sorting, and More | Chapter 4",
+  "description": "Take your .NET MAUI skills to the next level with Chapter 4 of the Telerik UI for .NET MAUI course!
+This video provides a comprehensive guide to .NET MAUI Grid control. Learn about its features, setup process, column configuration, and creating custom column templates. Discover how to enable sorting, filtering, and selection for a dynamic and powerful data presentation in your apps. Watch now and become a DataGrid expert!",
+  "thumbnailUrl": "https://img.youtube.com/vi/XxUvA4fKHzU/maxresdefault.jpg",
+  "uploadDate": "2024-12-05",
+  "duration": "PT20M27S",
+  "contentUrl": "https://youtu.be/XxUvA4fKHzU",
+  "embedUrl": "https://www.youtube.com/embed/XxUvA4fKHzU"
+}
+</script> 
+
 
 ## Built-in Columns
 
diff --git a/controls/datagrid/paging.md b/controls/datagrid/paging.md
@@ -1,8 +1,9 @@
 ---
 title: Paging
 page_title: .NET MAUI DataPager Documentation - Paging Support
-description: Learn more about how to add paging functionality to the DataGrid for .NET MAUI.
+description: Learn more about how to add paging functionality to the Grid for .NET MAUI.
 position: 7
+tags: grid, data grid, maui grid, dot net maui grid, dotnet maui grid
 slug: datagrid-paging
 ---
 
diff --git a/controls/datagrid/row-height.md b/controls/datagrid/row-height.md
@@ -24,7 +24,7 @@ To set the row height, apply the `RowHeight` property of type `double` to the Da
 
 The following image shows the difference in the way the DataGrid is rendered with and without `RowHeight` specifically set:
 
-![.NET MAUI DataGrid RowHeight](images/datagrid-row-height.png)
+![.NET MAUI Grid RowHeight](images/datagrid-row-height.png)
 
 ## Additional Resources
 
diff --git a/controls/datagrid/scrolling.md b/controls/datagrid/scrolling.md
@@ -27,7 +27,7 @@ private void Button_Clicked(object sender, System.EventArgs e)
 
 The following image shows the end result.
 
-![DataGrid Programmatic Scrolling](images/datagrid-scrollintoview.gif)
+![.NET MAUI Grid Programmatic Scrolling](images/datagrid-scrollintoview.gif)
 
 ## Additional Resources
 
diff --git a/controls/datagrid/search-as-you-type.md b/controls/datagrid/search-as-you-type.md
@@ -1,8 +1,9 @@
 ---
 title: Search as You Type
 page_title: .NET MAUI DataGrid Documentation - Search as You Type
-description: "Learn more about the Search as You Type feature of the Telerik .NET MAUI DataGrid - how to show or hide the search panel, various configuration settings of the search functionality, methods, and events related to searching."
+description: "Learn more about the Search as You Type feature of the Telerik .NET MAUI Grid - how to show or hide the search panel, various configuration settings of the search functionality, methods, and events related to searching."
 position: 3
+tags: grid, data grid, maui grid, dot net maui grid, dotnet maui grid
 slug: datagrid-search-as-you-type
 ---
 
@@ -26,7 +27,7 @@ The search panel provides an input field (Entry) where the end user can enter th
 
 The image below shows the Search Panel UI on Windows:
 
-![Telerik .NET MAUI DataGrid Search Panel](images/datagrid-search-searchpanel.png)
+![Telerik .NET MAUI Grid Search Panel](images/datagrid-search-searchpanel.png)
 
 ## Search Settings
 
diff --git a/controls/datagrid/sorting.md b/controls/datagrid/sorting.md
@@ -86,7 +86,7 @@ this.dataGrid.SortDescriptors.Add(new DelegateSortDescriptor() { KeyLookup = new
 
 The following image shows how the DataGrid looks after sorting is applied:
 
-![DataGrid Sorting](images/datagrid_sorting.png)
+![.NET MAUI Grid Sorting](images/datagrid_sorting.png)
 
 ## See Also
 
diff --git a/controls/datagrid/xamarin-migration.md b/controls/datagrid/xamarin-migration.md
@@ -1,7 +1,7 @@
 ---
 title: Migrating from Xamarin
 page_title: .NET MAUI DataGrid Documentation - Migrate from Xamarin
-description: Learn how to migrate from Xamarin.Forms DataGrid to .NET MAUI DataGrid control.
+description: Learn how to migrate from Xamarin.Forms Grid to .NET MAUI Grid control.
 position: 100
 tags: dot net maui, .net maui vs xamarin, maui vs xamarin, net maui vs xamarin, migration, xamarin.forms
 slug: datagrid-xamarin-migration
diff --git a/controls/datepicker/styling/styling.md b/controls/datepicker/styling/styling.md
@@ -10,6 +10,10 @@ slug: datepicker-styling
 
 The DatePicker control for .NET MAUI provides styling options for customizing its appearance. You can style the DatePicker itself, as well as its popup or drop-down depending on the configuration of the [picker mode]({%slug datepicker-picker-mode%}).
 
+{% if site.has_cta_panels == true %}
+{% include cta-panel-maui-overview.html %}
+{% endif %}
+
 ## Supported Properties
 
 The DatePicker control supports the following styling properties:
diff --git a/demos-and-sample-apps/overview.md b/demos-and-sample-apps/overview.md
@@ -9,7 +9,7 @@ position: 0
 
 # .NET MAUI Examples, Demos, and Sample Apps Overview
 
-The Telerik UI for .NET MAUI library offers an extensive set of fully featured examples and [demo applications](https://www.telerik.com/maui-ui/demo-apps/controls) demonstrating the [.NET MAUI](https://www.telerik.com/maui-ui)) controls. You can review each app's source code and get familiar with how various controls are utilized.
+The Telerik UI for .NET MAUI library offers an extensive set of fully featured examples and [demo applications](https://www.telerik.com/maui-ui/demo-apps/controls) demonstrating the [.NET MAUI controls](https://www.telerik.com/maui-ui) . You can review each app's source code and get familiar with how various controls are utilized.
 
 {% if site.has_cta_panels == true %}
 {% include cta-panel-maui-overview.html %}
@@ -22,28 +22,28 @@ The following demo apps deliver a rich collection of .NET MAUI examples:
 * [Crypto Tracker App](#crypto-tracker-app)
 
 > Telerik UI for .NET MAUI version 7.1.0 adds support for .NET 9.0. You can easily switch the .NET version to .NET 8.0 or .NET 9.0 to build the apps. 
-> Inside the Examples folder of the installation/.zip file there are `.ps1` files - `SwitchToNet8.ps1` and `SwitchToNet9.ps1`. You can use them to switch the .NET version.
+> Inside the Examples folder of the installation/.zip file there are `.ps1` files - `SwitchToNet8.ps1` and `SwitchToNet9.ps1`. You can use them to switch the .NET version you use to build the .NET MAUI sample apps.
 
 ## .NET MAUI Controls Samples App
 
 The Telerik UI for .NET MAUI Controls Samples is a highly polished application offering many scenario-specific use cases designed to show off a subset of features for each component. The app provides various .NET MAUI examples for many of the 60+ .NET MAUI controls included in the library.
 
-![Telerik UI for .NET MAUI ControlsSamples App WinUI](images/controlssamples-winui.png)
+![Telerik UI for .NET MAUI Sample App WinU](images/controlssamples-winui.png)
 
 For more information on it, refer to [Controls Samples App]({%slug controls-samples-app%}).
 
-## .NET MAUI SDKBrowser App
+## .NET MAUI SDKBrowser App Examples
 
-The SDKBrowser is a set of .NET MAUI examples in C# and XAML that explain how to use the features of a control. Contrary to the Controls Samples application, the SDKBrowser shows the components in their pure form without adding extra styling and polishing. It's the go-to source for "how do I use X in Y control". Most of the code snippets available in the documentation are directly generated from the examples in the SDKBrowser (you can see special comments in the code for this).
+The SDKBrowser is a set of .NET MAUI samples in C# and XAML that explain how to use the features of a control. Contrary to the Controls Samples application, the SDKBrowser shows the components in their pure form without adding extra styling and polishing. It's the go-to source for "how do I use X in Y control". Most of the code snippets available in the documentation are directly generated from the examples in the SDKBrowser (you can see special comments in the code for this).
 
 ![.NET MAUI examples and controls samples](images/sdk-mobile.png)
 
-For more information on it, refer to [SDKBrowser App]({%slug sdkbrowser-app%}).
+For more information on it, refer to [SDKBrowser App Examples]({%slug sdkbrowser-app%}).
 
-## .NET MAUI Crypto Tracker App 
+## .NET MAUI Crypto Tracker App Demo
 
 Crypto Tracker demo is a real-case crypto application that shows changes in cryptocurrency prices, offering practical .NET MAUI app examples built with the Telerik UI for .NET MAUI controls. In this demo, you can see in action many of the .NET MAUI controls in the library, including the ListView, Charts and TabView.
 
-![Telerik UI for .NET MAUI CryptoTracker App](../images/crypto-app.png)
+![Telerik UI for .NET MAUI Crypto Tracker App Demo](../images/crypto-app.png)
 
-For more information on it, refer to [Crypto Tracker App]({%slug maui-crypto-app%}).
+For more information on it, refer to [Crypto Tracker App Demo]({%slug maui-crypto-app%}).
diff --git a/introduction.md b/introduction.md
@@ -1,7 +1,7 @@
 ---
 title: Introduction
 page_title: .NET MAUI Documentation
-description: "Learn how to build native applications for Windows, macOS, Android, and iOS by reading the Telerik UI for .NET MAUI documentation."
+description: “Explore the Telerik UI for .NET MAUI documentation and begin creating native apps for Windows, macOS, Android, and iOS.”
 tags: .net maui, .net maui documentation, maui, .net, ui for .net maui, microsoft .net maui, telerik ui for .net maui
 previous_url: /license
 position: 0
diff --git a/migrate-to-net-maui.md b/migrate-to-net-maui.md
@@ -1,7 +1,7 @@
 ---
 title: Migrating from Xamarin.Forms to .NET MAUI
 page_title: Xamarin to .NET MAUI Migration
-description: Documentation on Xamarin to .NET MAUI migration steps to convert your Telerik UI for Xamarin app to Telerik UI .NET MAUI.
+description: Xamarin to .NET MAUI is an upgrade that modernizes apps with cross-platform support, improved performance, and more.
 tags: dot net maui, .net maui vs xamarin, maui vs xamarin, net maui vs xamarin, migration, xamarin.forms
 slug: migrate-to-net-maui
 previous_url: /get-started/migrate-to-net-maui
@@ -12,6 +12,10 @@ position: 5
 
 This guide provides the information you need to convert your application, which was built with [Telerik UI for Xamarin.Forms controls](https://www.telerik.com/maui-ui#Controls), to a .NET MAUI one, which uses the Telerik UI for .NET MAUI components. By migrating to .NET MAUI, you will be able to receive the latest features and mobile operating system support for your project.
 
+{% if site.has_cta_panels == true %}
+{% include cta-panel-maui-overview.html %}
+{% endif %}
+
 >important Telerik UI for .NET MAUI does not provide a direct alternative to Xamarin.iOS or Xamarin.Android in .NET. However, migrating to .NET MAUI and switching to the Telerik UI for .NET MAUI controls ensures that you will receive the latest framework and UI controls updates.
 
 ## Step 1: Xamarin.Forms to .NET MAUI Migration Steps
@@ -148,7 +152,23 @@ For the detailed guide, go to the official Microsoft documentation on GitHub abo
 
 The following video demonstrates how you can upgrade your Xamarin.Forms App to .NET MAUI
 
-<iframe width="560" height="315" src="https://www.youtube.com/embed/-AeFIjW0Jgc?si=4cRLFUPl-9uBDjeu" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+<script type="application/ld+json"> 
+{
+  "@context": "https://schema.org",
+  "@type": "VideoObject",
+  "name": "Upgrading your Xamarin Forms App to .NET MAUI | DevReach 2023",
+  "description": "One of the questions the .NET MAUI team has heard the most is What do I have to do to my Xamarin app to upgrade?
+
+Good news - it's a really straightforward process! Join Maddy Montaquila, .NET MAUI PM, as she demystifies the upgrade process and shows you the tools you can use to upgrade your app so you can leverage the magic of MAUI in no time!",
+
+  "thumbnailUrl": "https://img.youtube.com/vi/-AeFIjW0Jgc/maxresdefault.jpg",
+  "uploadDate": "2023-11-22",
+  "duration": "PT52M22S",
+  "contentUrl": "https://youtu.be/-AeFIjW0Jgc",
+  "embedUrl": "https://www.youtube.com/embed/-AeFIjW0Jgc"
+} 
+</script> 
 
 ## See Also
 
