Merge pull request #1191 from telerik/didi/update-warnings-for-docsbuilder

fix slugs for builder

Author: didiyordanova

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-style-xaml'/>
+<snippet id='aiprompt-airpromtbutton-xaml'/>
 
 Check the result below:
 

controls/calendar/blackout-dates.md

@@ -20,7 +20,7 @@ The following snippets show how to disable dates in the Calendar control.
 
 **2.** Add a ViewModel with defined blackout dates. 
 
-<snippet id='calendar-blackoutdates-viewmode'/>
+<snippet id='calendar-blackoutdates-viewmodel'/>
 
 ![.NET MAUI Calendar Blackout Dates](images/calendar-blackout-dates.png)
 

controls/chart/axes/overview.md

@@ -68,7 +68,30 @@ The `LabelFormatterBase<T>` class is a base implementation of the `ILabelFormatt
 
 The following example shows how to set a label formatter for the Date-Time Continuous Axis.
 
-<snippet id='chart-customization-format-axis-labels-label-formatter'/>
+```C#
+public class DateLabelFormatter : LabelFormatterBase<DateTime>
+{
+    public override string FormatTypedValue(DateTime value)
+    {
+        if (value.Day == 1)
+        {
+            return value.Day + "st";
+        }
+        else if (value.Day == 2)
+        {
+            return value.Day + "nd";
+        }
+        else if (value.Day == 3)
+        {
+            return value.Day + "rd";
+        }
+        else
+        {
+            return value.Day + "th";
+        }
+    }
+}
+```
 
 You can apply it in the following way:
 

controls/collectionview/filtering.md

@@ -44,7 +44,7 @@ The following example implements a `TextFilterDescriptor` and uses a [`RadEntry`
 
 **1.** Define the `RadCollectionView` and `RadEntry` in XAML:
 
-<snippet id='collectionview-text-filter-descriptor'/>
+<snippet id='collectionview-delegate-filter-descriptor' />
 
 **2.** Add the `telerik` namespace:
 
@@ -62,7 +62,7 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
 
 **5.** Add the `TextFilterDescriptor` to the `RadCollectionView` inside the `RadEntry` `TextChanged` event:
 
-<snippet id='collectionview-filter-function'/>
+<snippet id='collectionview-filter-function' />
 
 This is the result:
 

controls/datagrid/filtering/programmatic-filtering.md

@@ -53,7 +53,6 @@ The `TextFilterDescriptor` supports the following properties:
 
 To use `TextFilterDescriptor`, you need to add its instance to the `RadDataGrid.FilterDescriptors` collection and to set its `PropertyName` property to associate it with the property from your custom objects. Then, through the `Operator` and `Value` properties, you need to set the filter condition and the value to compare. You can also use the `IsCaseSensitive` property to determine if the text comparisons will be case-sensitive or not.
 
-<!-- <snippet id='datagrid-textfilterdescriptor-xaml'/> -->
 ```XAML
 <telerik:TextFilterDescriptor PropertyName="Country"
                               Operator="StartsWith"
@@ -71,7 +70,6 @@ It exposes the following properties:
 * `Value`&mdash;Gets or sets the value used in the comparisons. This is the right operand of the comparison.
 * `Operator`&mdash;Gets or sets the `NumericalOperator` value that defines the boolean logic behind the left and right operand comparison.
 
-<!-- <snippet id='datagrid-numericalfilterdecsriptor-xaml'/> -->
 ```XAML
 <telerik:NumericalFilterDescriptor PropertyName="StadiumCapacity"
                                    Operator="IsLessThan"
@@ -88,7 +86,6 @@ It exposes the following properties:
 * `Value`&mdash;Gets or sets the value used in the comparisons. This is the right operand of the comparison.
 * `Operator`&mdash;Gets or sets the `NumericalOperator` value that defines the boolean logic behind the left and right operand comparison.
 
-<!-- <snippet id='datagrid-datetimefilterdescriptor-xaml'/> -->
 ```XAML
 <telerik:DateTimeFilterDescriptor PropertyName="Established"
                                   Operator="IsLessThan"
@@ -105,7 +102,6 @@ It exposes the following properties:
 * `Value`&mdash;Gets or sets the value used in the comparisons. This is the right operand of the comparison.
 * `Operator`&mdash;Gets or sets the `NumericalOperator` value that defines the boolean logic behind the left and right operand comparison.
 
-<!-- <snippet id='datagrid-datetimefilterdescriptor-xaml'/> -->
 ```XAML
 <telerik:TimeSpanFilterDescriptor PropertyName="Time"
                                   Operator="IsLessThan"
@@ -121,7 +117,6 @@ It exposes the following properties:
 * `PropertyName`&mdash;Gets or sets the name of the property that is used to retrieve the filter value.
 * `Value`&mdash;Gets or sets the value used in the comparisons. This is the right operand of the comparison.
 
-<!-- <snippet id='datagrid-booleanfilterdescriptor-xaml'/> -->
 ```XAML
 <telerik:BooleanFilterDescriptor PropertyName="IsChampion"
                                  Value="true"/>
@@ -161,7 +156,6 @@ It exposes the following properties:
 * `PropertyName`&mdash;Gets or sets the name of the property that is used to retrieve the filter value.
 * `Value`&mdash;Gets or sets the value used in the comparisons. This is the right operand of the comparison.
 
-<!-- <snippet id='datagrid-datetimefilterdescriptor-xaml'/> -->
 ```XAML
 <telerik:DistinctValuesFilterDescriptor PropertyName="Country" Value="Austria" />
 ```
@@ -170,7 +164,6 @@ It exposes the following properties:
 
 The `CompositeFilterDescriptor` represents a special `FilterDescriptorBase` that stores an arbitrary number of other descriptors instances. The logical `AND` or `OR` operator is applied upon all composed filters to determine the result of the `PassesFilter` routine.
 
-<!-- <snippet id='datagrid-compositefilterdescriptor-xaml'/> -->
 ```XAML
 <telerik:CompositeFilterDescriptor Operator="And">
 	<telerik:CompositeFilterDescriptor.Descriptors>
@@ -194,7 +187,6 @@ Then, you need to add a `DelegateFilterDescriptor` to the `RadDataGrid.FilterDes
 
 The following example demonstrates the `CustomFilter` implementation:
 
-<!-- <snippet id='datagrid-delegatefilterdescriptor-csharp'/> -->
 ```C#
 class CustomFilter : Telerik.Maui.Controls.Data.IFilter
 {
@@ -218,7 +210,6 @@ class CustomFilter : Telerik.Maui.Controls.Data.IFilter
 
 Add the `DelegateFilterDescriptor` to the `RadDataGrid` instance:
 
-<!-- <snippet id='datagrid-delegatefilterdescriptor-added'/> -->
 ```C#
 dataGrid.FilterDescriptors.Add(new DelegateFilterDescriptor() { Filter = new CustomFilter()});
 ```

controls/datagrid/sorting.md

@@ -66,7 +66,6 @@ To use a `DelegateSortDescriptor`, create a class that implements the `IKeyLooku
 
 The following example demonstrates a custom `IKeyLookup` implementation.
 
-<snippet id='datagrid-delegatesortdescriptor-ikeylookup'/>
 ```C#
 public class CustomIKeyLookup : Telerik.Maui.Controls.Data.IKeyLookup
 {
@@ -79,7 +78,6 @@ public class CustomIKeyLookup : Telerik.Maui.Controls.Data.IKeyLookup
 
 Add it to the `SortDescriptors` collection of the DataGrid:
 
-<snippet id='datagrid-delegatesortdescriptor-csharp'/>
 ```C#
 this.dataGrid.SortDescriptors.Add(new DelegateSortDescriptor() { KeyLookup = new CustomIKeyLookup()});
 ```

controls/datapager/styling/buttons.md

@@ -54,7 +54,7 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
 
 **4.** Define sample data:
 
-<snippet id='datagrid-datapager-data' />
+<snippet id='datapager-features-viewmodel' />
 
 This is the result on desktop:
 

controls/docklayout/getting-started.md

@@ -29,33 +29,7 @@ Before adding the DockLayout, you need to:
 
 **1.** When the your .NET MAUI application is set up, you are ready to add a DockLayout control to your page.
 
- <snippet id='docklayout-getting-started-xaml' />
- ```XAML
-<telerik:RadDockLayout x:Name="dockLayout">
-    <Grid HeightRequest="60"
-          BackgroundColor="#009688"
-          telerik:RadDockLayout.Dock="Top">
-        <Label Margin="20" Text="Title"/>
-    </Grid>
-    <Grid BackgroundColor="#659BFC"
-          telerik:RadDockLayout.Dock="Left">
-        <Grid.ColumnDefinitions>
-            <ColumnDefinition Width="Auto"/>
-        </Grid.ColumnDefinitions>
-        <Label Margin="20" Text="Navigation" />
-    </Grid>
-    <Grid BackgroundColor="#1455C9"
-          telerik:RadDockLayout.Dock="Bottom">
-        <Grid.RowDefinitions>
-            <RowDefinition Height="Auto"/>
-        </Grid.RowDefinitions>
-        <Label Margin="20" Text="Bottom" />
-    </Grid>
-    <Grid  BackgroundColor="#FCCFB0">
-        <Label Margin="20" Text="Content" />
-    </Grid>
-</telerik:RadDockLayout>
- ```
+<snippet id='docklayout-getting-started-xaml' />
 
 **2.** Add the following namespace:
 

controls/gauge/axis.md

@@ -67,9 +67,6 @@ The following image shows the end result.
 
 The `FontFamily` property is of type `string` and you need to pass the name of the font family. Remember that the different platforms work with different fonts so you may need to use the `OnPlatform` method.
 
-<snippet id='gauge-axis-font-family'/>
-
-
 The following image shows the end result.
 
 ![Gauge Font Family](images/gauge-axis-fontfamily.png)

controls/templatedpicker/styling/dropdown-styling.md

@@ -29,23 +29,23 @@ The following example shows how the styling properties are applied.
 
 **Define the `RadTemplatedPicker`**
 
-<snippet id='templatedpicker-style' />
+<snippet id='templatedpicker-dropdown-style' />
 
 **Define the DropDownViewStyle**
 
-<snippet id='dropDownViewStyle' />
+<snippet id='templatedpicker-style-dropdownview-style' />
 
-**Define the FooterStyle**
+**Define the CommonButtonStyle**
 
-<snippet id='timepicker-style-footer-style' />
+<snippet id='templatedpicker-commonbuttonstyle' />
 
 **Define the AcceptButtonStyle**
 
-<snippet id='timepicker-style-accept-button-style' />
+<snippet id='templatedpicker-acceptbuttonstyle' />
 
 **Define the CancelButtonStyle**
 
-<snippet id='timepicker-style-cancel-button-style' />
+<snippet id='templatedpicker-cancelbuttonstyle' />
 
 ## Namespaces