fix snippets

ai/copilot-extension.md

@@ -4,7 +4,7 @@ page_title: Telerik MAUI GitHub Copilot Extension
 description: Learn how to add and use the Telerik MAUI GitHub Copilot extension as a .NET MAUI AI coding assistant and code generator for better developer productivity. The Telerik MAUI GitHub Copilot extension provides proprietary context about Telerik UI for .NET MAUI to AI-powered software.
 slug: ai-copilot-extension
 tags: telerik, maui, ai, dotnetmaui, coding assistant, ai server
-position: 1
+position: 3
 ---
 
 # Telerik MAUI GitHub Copilot Extension

ai/mcp-server.md

@@ -4,7 +4,7 @@ page_title: Telerik MAUI MCP Server
 description: Learn how to add and use the Telerik MAUI MCP Server as a .NET MAUI AI coding assistant and code generator for better developer productivity. The Telerik MAUI MCP server provides proprietary context about Telerik UI for .NET MAUI to AI-powered software.
 slug: ai-mcp-server
 tags: telerik,maui,ai,ai server,dotnetmaui,coding assistant
-position: 2
+position: 1
 ---
 
 # Telerik .NET MAUI MCP Server

ai/prompt-library.md

@@ -3,7 +3,7 @@ title: Prompt Library
 page_title: Telerik UI for .NET MAUI Prompt Library
 description: Explore the extensive collection of prompts that you can use with the Telerik UI for MAUI AI Coding Assistant.
 slug: ai-prompt-library
-position: 4
+position: 2
 ---
 
 # Telerik UI for MAUI Prompt Library

controls/aiprompt/styling/aipromptbutton-styling.md

@@ -18,7 +18,7 @@ The following example demonstrates how to modify the AIPrompt Button's appearanc
 
 **2.** Add the `RadAIPromptButton` control with its `Style` applied:
 
-<snippet id='aiprompt-airpromtbutton-xaml'/>
+<snippet id='aiprompt-airpromtbutton-styling-xaml'/>
 
 Check the result below:
 

controls/autocomplete/configuration.md

@@ -15,7 +15,7 @@ The purpose of this help article is to show you the main configuration options o
 AutoComplete exposes `Placeholder` property which is used to give guidance to the end user on what should be entered in the text input.
 You can also use the `PlaceholderColor` property to define the placeholder text color of the component.
 
-<snippet id='autocompleteview-features-watermark'/>
+<snippet id='autocomplete-placeholder'/>
 
 ## Display Mode
 

controls/checkbox/getting-started.md

@@ -29,9 +29,7 @@ Before adding the CheckBox, you need to:
 
 **1.** When the your .NET MAUI application is set up, you are ready to add a CheckBox control to your page.
 
-```XAML
-<telerik:RadCheckBox x:Name="checkbox" />
-```
+<snippet id='checkbox-getting-started-xaml' />
 
 **2.** Add the `telerik` namespace:
 

controls/datagrid/aggregates/styling.md

@@ -95,15 +95,15 @@ The table below describes the available properties for the `GroupAggregateCellSt
 
 **1.** Define the DataGrid in XAML:
 
-<snippet id='datagrid-group-header-aggregates'/>
+<snippet id='datagrid-group-header-aggregates-styleselector'/>
 
 **2.** Define the `StyleSelector` class:
 
-<snippet id='datagrid-group-header-aggregate-nexttoheader-style-xaml'/>
+<snippet id='datagrid-aggregates-styleselector'/>
 
 **3.** Define the `GroupAggregateCellStyleSelector` in the page's resources:
 
-<snippet id='datagrid-group-header-aggregate-nexttoheader-style-xaml'/>
+<snippet id='datagrid-group-header-aggregate-styleselector-xaml'/>
 
 **4.** Define the `DataModel`:
 

controls/listpicker/styling/dropdown-styling.md

@@ -31,6 +31,10 @@ The following examples demonstrate how to define use the styling properties of t
 
 <snippet id='listpicker-dropdown-style' />
 
+**Define the DropDownViewStyle**
+
+<snippet id='listpicker-style-dropdownview-style' />
+
 **Define the FooterStyle**
 
 <snippet id='listpicker-style-footer-style' />

controls/map/getting-started.md

@@ -31,7 +31,6 @@ Before adding the Map, you need to:
 1. When your .NET MAUI application is set up, you are ready to add a Map control to your page.
 
  <snippet id='map-getting-started-xaml' />
- <snippet id='map-gettingstarted-csharp' />
 
 1. Add the following namespace:
 

controls/progressbar/styling.md

@@ -52,7 +52,7 @@ Style the ProgressBar segments using the following properties:
 
 For indeterminate mode you can style the ProgressBar using the `ProgressFill`(`Brush`) property.
 
-<snippet id='progressbar-styling-separator-segments'/>
+<snippet id='progressbar-styling-indeterminate-mode'/>
 
 ![.NET MAUI ProgressBar Style the indeterminate mode fill](images/progressbar-styling-indeterminate-fill.png)
 

controls/rating/rating-shape-rating.md

@@ -50,7 +50,7 @@ The Rating supports the following geometry types:
 
  ![.NET MAUI Custom Shape Rating](images/rating-triangle.png)
 
- <snippet id='rating-geometries-customgeometry ' />
+ <snippet id='rating-geometries-customgeometry' />
 
 ## Shapes Styling
 

controls/scheduler/styling/special-slots-styling.md

@@ -24,7 +24,7 @@ In the example special slots are used to distinguish the non-working hours. In a
 
 **3.** Add the ViewModel class with the `SpecialSlotsSource` defined:
 
-<snippet id='scheduler-specialslots-viewmodel' />
+<snippet id='scheduler-specialslots-styling-viewmodel' />
 
 **4.** Define the Scheduler with the `SpecialSlotStyleSelector` property applied to the view definitions:
 

controls/signaturepad/commands.md

@@ -13,9 +13,11 @@ SignaturePad exposes a `ClearCommand`(`ICommand`) for clearing the signature.
 
 <snippet id='signaturepad-clear-command'/>
 
-Add the namespace: 
+Add the `telerik` namespace: 
 
-<snippet id='xmlns-telerikinput'/>
+```XAML
+xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
+```
 
 ## See Also
 

controls/signaturepad/events.md

@@ -29,9 +29,11 @@ The example contains an **X** Button, two Labels and a `RadSignaturePad`.
 
 <snippet id='signaturepad-events'/>
 
-**2.** Add the following namespace:
+**2.** Add the `telerik` namespace: 
 
-<snippet id='xmlns-telerikinput'/>
+```XAML
+xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
+```
 
 **3.** Add the events:
 

controls/templatedpicker/styling/popup-styling.md

@@ -54,7 +54,7 @@ The following example shows how the styling properties are applied.
 
 **Define the FooterStyle**
 
-<snippet id='templatedpicker-commonbuttonstyle' />
+<snippet id='templatedpicker-popup-commonbuttonstyle' />
 
 **Define the AcceptButtonStyle**
 

controls/timepicker/timeonly.md

@@ -35,7 +35,7 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
 
 **4.** Add the `ViewModel`:
 
-<snippet id='timepicker-timeonly-viewmodell' />
+<snippet id='timepicker-timeonly-viewmodel' />
 
 > For the TimePicker TimeOnly example, go to the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and navigate to the **TimePicker > TimeOnly** category.
 

controls/timespanpicker/timeonly.md

@@ -34,7 +34,7 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
 
 **4.** Add the `ViewModel`:
 
-<snippet id='timepicker-timeonly-viewmodell' />
+<snippet id='timepicker-timeonly-viewmodel' />
 
 > For the TimeSpanPicker TimeOnly example, go to the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and navigate to the **TimeSpanPicker > TimeOnly** category.
 

controls/treedatagrid/editing.md

@@ -55,10 +55,6 @@ For detailed information on how to use any of the listed commands, go to the top
 
 You can change the visual appearance of each editor through the `CellEditorStyle` property of the `DataGridColumn`. To the `CellEditorStyle`, apply a `Microsoft.Maui.Controls.Style` with a `TargetType` set to the corresponding to each column editor control.
 
-The following snippet shows a `CellEditorStyle` applied to the `TreeDataGridTextColumn`.
-
-<snippet id='TreeDataGrid-columnstyle-celleditor'/>
-
 ## Additional Resources
 
 - [.NET MAUI TreeDataGrid Product Page](https://www.telerik.com/maui-ui/TreeDataGrid)