diff --git a/controls/accordion/item-spacing.md b/controls/accordion/item-spacing.md index e2b360231..b8523752b 100644 --- a/controls/accordion/item-spacing.md +++ b/controls/accordion/item-spacing.md @@ -24,8 +24,6 @@ And the Accordion when all items are collapsed: ![.NET MAUI Accordion Item Spacing](images/accordion-item-spacing-2.png) ->important A sample Item Spacing example can be found in the Accordion/Features folder of the [SDK Samples Browser application]({%slug developer-focused-examples%}#sdk-browser-application). - ## See Also - [AccordionItem]({%slug accordion-accordion-item%}) diff --git a/controls/autocomplete/commands.md b/controls/autocomplete/commands.md index 282a81000..da5567366 100644 --- a/controls/autocomplete/commands.md +++ b/controls/autocomplete/commands.md @@ -2,7 +2,7 @@ title: Commands page_title: .NET MAUI AutoComplete Documentation - Commands description: Learn more about the commands that the Telerik UI for .NET MAUI AutoComplete control exposes. -position: 14 +position: 15 slug: autocomplete-commands --- diff --git a/controls/autocomplete/display-text.md b/controls/autocomplete/display-text.md index f6d7fb1c7..b2e2c75a4 100644 --- a/controls/autocomplete/display-text.md +++ b/controls/autocomplete/display-text.md @@ -35,7 +35,7 @@ Here is an example how the `RadAutoComplete` `DisplayTextFormatter` works on Pla -**4.**Use the following snippet to declare a `RadAutoComplete` in XAML: +**4.** Use the following snippet to declare a `RadAutoComplete` in XAML: diff --git a/controls/autocomplete/localization.md b/controls/autocomplete/localization.md index 58aed053a..dafabc5a1 100644 --- a/controls/autocomplete/localization.md +++ b/controls/autocomplete/localization.md @@ -2,7 +2,7 @@ title: Localization page_title: .NET MAUI AutoComplete Documentation - Localization description: Learn more about the MAUI localization options in the Telerik UI for .NET MAUI AutoComplete control. -position: 13 +position: 14 tags: maui localization, maui, localization, dotnet maui slug: autocomplete-localization --- diff --git a/controls/autocomplete/styling.md b/controls/autocomplete/styling.md index ce0debf73..8647f5246 100644 --- a/controls/autocomplete/styling.md +++ b/controls/autocomplete/styling.md @@ -2,7 +2,7 @@ title: Styling page_title: .NET MAUI AutoComplete Documentation - Styling description: Change the Telerik .NET MAUI AutoComplete look using its flexible styling API. -position: 14 +position: 16 slug: autocomplete-styling --- diff --git a/controls/autocomplete/visual-states.md b/controls/autocomplete/visual-states.md index 874af1069..63dec4c8c 100644 --- a/controls/autocomplete/visual-states.md +++ b/controls/autocomplete/visual-states.md @@ -2,7 +2,7 @@ title: Visual States page_title: .NET MAUI AutoComplete Documentation - Visual States description: Learn how to set the border color, background color, and other visual states for the Telerik UI for .NET MAUI AutoComplete control. -position: 15 +position: 17 tags: .net maui, telerik .net maui, ui for .net maui, autocomplete, states, microsoft .net maui slug: autocomplete-visual-states --- diff --git a/controls/badgeview/predefined-badges.md b/controls/badgeview/predefined-badges.md index 112f5ebf5..2fa85550c 100644 --- a/controls/badgeview/predefined-badges.md +++ b/controls/badgeview/predefined-badges.md @@ -4,7 +4,6 @@ page_title: .NET MAUI BadgeView Documentation - Predefined Badges description: Learn what are the available badges the .NET MAUI BadgeView control provides. tags: badge, marker, indicator, badgeview for .net maui, badge for .net maui position: 5 -tags: badge types, badge for .net maui, badgeview slug: badgeview-predefined-badges --- diff --git a/controls/chart/getting-started.md b/controls/chart/getting-started.md index c858d505e..c96b17d01 100644 --- a/controls/chart/getting-started.md +++ b/controls/chart/getting-started.md @@ -28,7 +28,7 @@ Before adding the Chart, you need to: ## Define the Control -**1.**When your .NET MAUI application is set up, you are ready to add a Chart control to your page. +**1.** When your .NET MAUI application is set up, you are ready to add a Chart control to your page. @@ -50,7 +50,7 @@ series.CategoryBinding = new PropertyNameDataPointBinding { PropertyName = "Cate chart.Series.Add(series); ``` -**2.**Add the following namespace: +**2.** Add the following namespace: ```XAML xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" diff --git a/controls/collectionview/filtering.md b/controls/collectionview/filtering.md index 269130ecc..c16cb993c 100644 --- a/controls/collectionview/filtering.md +++ b/controls/collectionview/filtering.md @@ -2,7 +2,7 @@ title: Filtering page_title: .NET MAUI CollectionView Documentation - Filtering description: Check the Telerik .NET MAUI CollectionView filtering options like programmatically filtering by using filter descriptors. -position: 14 +position: 13 slug: collectionview-filtering tags: filter, collectionview, filterdescriptor --- diff --git a/controls/collectionview/getting-started.md b/controls/collectionview/getting-started.md index 2b57a5ebc..9c994b8db 100644 --- a/controls/collectionview/getting-started.md +++ b/controls/collectionview/getting-started.md @@ -49,7 +49,7 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" -**5.** Register the Telerik controls through the `Telerik.Maui.Controls.Compatibility.UseTelerik` extension method called inside the `CreateMauiApp` method of the `MauiProgram.cs` file of your project: +**6.** Register the Telerik controls through the `Telerik.Maui.Controls.Compatibility.UseTelerik` extension method called inside the `CreateMauiApp` method of the `MauiProgram.cs` file of your project: ```C# using Telerik.Maui.Controls.Compatibility; diff --git a/controls/datagrid/columns/cell-templates.md b/controls/datagrid/columns/cell-templates.md index 783ad55ed..aad13d21d 100644 --- a/controls/datagrid/columns/cell-templates.md +++ b/controls/datagrid/columns/cell-templates.md @@ -59,7 +59,7 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" **4.** Define the `Club` custom object: - + ![DataGrid Cell Edit Template](../images/datagrid-column-cell-edit-template.png) diff --git a/controls/datagrid/editing.md b/controls/datagrid/editing.md index 8ec9996ea..f4d4047b5 100644 --- a/controls/datagrid/editing.md +++ b/controls/datagrid/editing.md @@ -2,7 +2,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 +position: 13 previous_url: /controls/datagrid/datagrid-editing slug: datagrid-editing --- diff --git a/controls/datagrid/empty-template.md b/controls/datagrid/empty-template.md index b692c35e5..d1d8eac16 100644 --- a/controls/datagrid/empty-template.md +++ b/controls/datagrid/empty-template.md @@ -2,7 +2,7 @@ title: Empty Template page_title: .NET MAUI DataGrid Documentation - Empty Template description: Learn more about the Empty Template property of the DataGrid control. -position: 9 +position: 14 slug: datagrid-empty-template --- diff --git a/controls/datagrid/events.md b/controls/datagrid/events.md index 380c8ec86..ab0c27f5a 100644 --- a/controls/datagrid/events.md +++ b/controls/datagrid/events.md @@ -2,7 +2,7 @@ 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 +position: 17 tags: events slug: datagrid-events --- @@ -23,7 +23,7 @@ The following example demonstrates how to use the `LoadOnDemand` event. **1.** Define the `LoadOnDemand` method in XAML. - + **2.** Create the method that defines the functionality of the event. diff --git a/controls/datagrid/load-on-demand.md b/controls/datagrid/load-on-demand.md index 18bc771a7..abfb0fc92 100644 --- a/controls/datagrid/load-on-demand.md +++ b/controls/datagrid/load-on-demand.md @@ -2,7 +2,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." -position: 13 +position: 16 slug: datagrid-features-loadondemand --- diff --git a/controls/datagrid/localization.md b/controls/datagrid/localization.md index fbd2a80bb..ab25f9313 100644 --- a/controls/datagrid/localization.md +++ b/controls/datagrid/localization.md @@ -2,7 +2,7 @@ title: Localization page_title: .NET MAUI DataGrid Documentation - Localization description: Learn more about the MAUI localization keys and default values provided by the Telerik UI for .NET MAUI DataGrid. -position: 18 +position: 19 tags: maui localization, maui, localization, dotnet maui slug: datagrid-localization --- diff --git a/controls/datagrid/overview.md b/controls/datagrid/overview.md index 5896491fc..1b2f0d4a3 100644 --- a/controls/datagrid/overview.md +++ b/controls/datagrid/overview.md @@ -110,17 +110,12 @@ The Telerik UI for .NET MAUI DataGrid provides [localization support]({%slug glo - [Telerik .NET MAUI Blogs](https://www.telerik.com/blogs/mobile-net-maui) - [Telerik .NET MAUI Roadmap](https://www.telerik.com/support/whats-new/maui-ui/roadmap) - - + + \ No newline at end of file diff --git a/controls/datagrid/paging.md b/controls/datagrid/paging.md index 8fc197a93..50991c5e9 100644 --- a/controls/datagrid/paging.md +++ b/controls/datagrid/paging.md @@ -2,7 +2,7 @@ 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. -position: 7 +position: 9 tags: grid, data grid, maui grid, dot net maui grid, dotnet maui grid slug: datagrid-paging --- diff --git a/controls/datagrid/render-mode.md b/controls/datagrid/render-mode.md index 03152e1d2..cabdda265 100644 --- a/controls/datagrid/render-mode.md +++ b/controls/datagrid/render-mode.md @@ -2,7 +2,7 @@ title: Render Mode page_title: .NET MAUI DataGrid Documentation - Render Mode description: Learn how to enable SkiaSharp rendering of the Telerik .NET MAUI DataGrid on all platforms. -position: 4 +position: 5 slug: datagrid-render-mode --- diff --git a/controls/datagrid/scrolling.md b/controls/datagrid/scrolling.md index e347188a8..16908c294 100644 --- a/controls/datagrid/scrolling.md +++ b/controls/datagrid/scrolling.md @@ -2,7 +2,7 @@ title: Scrolling page_title: .NET MAUI DataGrid Documentation - Scrolling description: "Try now the Telerik UI for .NET MAUI DataGrid programmatic scrolling with the ScrollItemIntoView method." -position: 8 +position: 11 slug: datagrid-scrolling tags: programmatic, scrolling --- diff --git a/controls/datagrid/selection.md b/controls/datagrid/selection.md index cb05d7f19..f8828ffc2 100644 --- a/controls/datagrid/selection.md +++ b/controls/datagrid/selection.md @@ -2,7 +2,7 @@ title: Selection page_title: .NET MAUI DataGrid Documentation - Selection description: Learn more about how to set the single and multiple selection mode of the Telerik UI for .NET MAUI DataGrid and use the available properties, events, and methods. -position: 7 +position: 10 slug: datagrid-selection-overview --- diff --git a/controls/datagrid/sorting.md b/controls/datagrid/sorting.md index 9620f1051..aa8c92a23 100644 --- a/controls/datagrid/sorting.md +++ b/controls/datagrid/sorting.md @@ -2,7 +2,7 @@ title: Sorting page_title: .NET MAUI DataGrid Documentation - Sorting description: "Learn how to implement the sorting functionality of the Telerik UI for .NET MAUI DataGrid through the UI or by using programmatic sorting over a custom or a defined key which is a property from the model." -position: 8 +position: 12 slug: datagrid-sorting-overview --- diff --git a/controls/datepicker/xamarin-migration.md b/controls/datepicker/xamarin-migration.md index 26580d716..ca53dd19b 100644 --- a/controls/datepicker/xamarin-migration.md +++ b/controls/datepicker/xamarin-migration.md @@ -4,7 +4,7 @@ page_title: Migrating the DatePicker from Xamarin.Forms to .NET MAUI description: Learn how to migrate the Telerik UI for Xamarin DatePicker to the Telerik UI for .NET MAUI framework by updating the namespaces and the incompatible NuGet packages. tags: maui, dotnet maui, telerik maui, migration, xamarin.forms slug: migrate-xamarin-datepicker-to-maui -position: 20 +position: 30 --- # Migrating the DatePicker from Xamarin to .NET MAUI diff --git a/controls/datetimepicker/getting-started.md b/controls/datetimepicker/getting-started.md index 059568276..021b2a918 100644 --- a/controls/datetimepicker/getting-started.md +++ b/controls/datetimepicker/getting-started.md @@ -40,7 +40,7 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" **3.** Register the Telerik controls through the `Telerik.Maui.Controls.Compatibility.UseTelerik` extension method called inside the `CreateMauiApp` method of the `MauiProgram.cs` file of your project: - ```C# +```C# using Telerik.Maui.Controls.Compatibility; public static class MauiProgram @@ -59,7 +59,7 @@ xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui" return builder.Build(); } } - ``` +``` ## Additional Resources diff --git a/controls/datetimepicker/xamarin-migration.md b/controls/datetimepicker/xamarin-migration.md index 3cf1c5642..bff2b11d4 100644 --- a/controls/datetimepicker/xamarin-migration.md +++ b/controls/datetimepicker/xamarin-migration.md @@ -4,7 +4,7 @@ page_title: Migrating the DateTimePicker from Xamarin.Forms to .NET MAUI description: Learn how to migrate the Telerik UI for Xamarin DateTimePicker to the Telerik UI for .NET MAUI framework by updating the namespaces and the incompatible NuGet packages. tags: maui, dotnet maui, telerik maui, migration, xamarin.forms slug: migrate-xamarin-datetimepicker-to-maui -position: 20 +position: 30 --- # Migrating the DateTimePicker from Xamarin to .NET MAUI diff --git a/controls/imageeditor/loading-image.md b/controls/imageeditor/loading-image.md index ebd62441b..d590b895a 100644 --- a/controls/imageeditor/loading-image.md +++ b/controls/imageeditor/loading-image.md @@ -10,7 +10,7 @@ slug: imageeditor-loading-image The ImageEditor control enables you to visualize images by using the following property: -* `Source`(of type `Microsoft.Maui.Controls.ImageSource`)—Specifies the source of the image. For more details about the `Source`` property, check the [Images in .NET MAUI](https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/image?view=net-maui-7.0) article. +* `Source`(of type `Microsoft.Maui.Controls.ImageSource`)—Specifies the source of the image. For more details about the `Source` property, check the [Images in .NET MAUI](https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/image?view=net-maui-7.0) article. In addition, by using the `IsImageLoaded` (read-only `bool`) property, you can get information whether an image is loaded in the editor. There are many scenarios this property helps. For example, if you want to apply a crop operation as soon as the image is loaded. diff --git a/controls/imageeditor/migrate-from-xamarin.md b/controls/imageeditor/migrate-from-xamarin.md index 75ab9c9f1..a3ac7297a 100644 --- a/controls/imageeditor/migrate-from-xamarin.md +++ b/controls/imageeditor/migrate-from-xamarin.md @@ -124,7 +124,7 @@ Definition in MAUI: ## See Also -* [Migrating from Xamarin.Forms to .NET MAUI]({% slug migrate-to-net-maui %}) -* [.NET MAUI Sample Applications]({%slug sampleapps-overview %}) +- [Migrating from Xamarin.Forms to .NET MAUI]({% slug migrate-to-net-maui %}) +- [.NET MAUI Sample Applications]({%slug sampleapps-overview %}) - [.NET MAUI ImageEditor Product Page](https://www.telerik.com/maui-ui/imageeditor) - [.NET MAUI Forum Page](https://www.telerik.com/forums/maui?tagId=1853) diff --git a/controls/imageeditor/toolbar/items.md b/controls/imageeditor/toolbar/items.md index b68eb04c5..e68526016 100644 --- a/controls/imageeditor/toolbar/items.md +++ b/controls/imageeditor/toolbar/items.md @@ -48,7 +48,7 @@ The table below shows the built-in toolbar items available for desktop - `WinUI` ## Toolbar Configuration -`RadImageEditorToolbar` inherits from the `RadToolbar`({%slug toolbar-overview%}). All properties for configuration and styling available for the `RadToolbar` applies to the `RadImageEditorToolbar`. +`RadImageEditorToolbar` inherits from the [`RadToolbar`]({%slug toolbar-overview%}). All properties for configuration and styling available for the `RadToolbar` applies to the `RadImageEditorToolbar`. ## Toolbar Item Configuration diff --git a/controls/listpicker/xamarin-migration.md b/controls/listpicker/xamarin-migration.md index aa0bb63a7..6139a8e9d 100644 --- a/controls/listpicker/xamarin-migration.md +++ b/controls/listpicker/xamarin-migration.md @@ -4,7 +4,7 @@ page_title: Migrating the ListPicker from Xamarin.Forms to .NET MAUI description: Learn how to migrate the Telerik UI for Xamarin ListPicker to the Telerik UI for .NET MAUI framework by updating the namespaces and the incompatible NuGet packages. tags: maui, dotnet maui, telerik maui, migration, xamarin.forms slug: migrate-xamarin-listpicker-to-maui -position: 20 +position: 30 --- # Migrating the ListPicker from Xamarin to .NET MAUI diff --git a/controls/listview/grouping/reorder-items.md b/controls/listview/grouping/reorder-items.md index b78319587..3184f455d 100644 --- a/controls/listview/grouping/reorder-items.md +++ b/controls/listview/grouping/reorder-items.md @@ -5,7 +5,6 @@ description: Check how to enable the Telerik UI for .NET MAUI ListView option fo position: 4 slug: listview-grouping-reorderitems previous_url: /controls/listview/grouping/listview-grouping-reorderitems -description: Describing how to handle reordering in grouped ListView tags: group, radlistview, reordering --- diff --git a/controls/numericinput/overview.md b/controls/numericinput/overview.md index 35ab5e193..cb1f2f81f 100644 --- a/controls/numericinput/overview.md +++ b/controls/numericinput/overview.md @@ -15,7 +15,7 @@ Telerik UI for .NET MAUI NumericInput is a customizable input control for numeri ## Key Features of the .NET MAUI NumericInput -* [Minimum and maximum values]({% slug numericinput-configuration%}#input-range %})—The NumericInput allows you to restrict the input value through setting its `Minimum` and `Maximum` properties. +* [Minimum and maximum values]({% slug numericinput-configuration%}#input-range)—The NumericInput allows you to restrict the input value through setting its `Minimum` and `Maximum` properties. * [Incremental steps]({%slug numericinput-configuration%}#step-for-increment-and-decrement-value)—You can define the step that will be applied to the input value upon each decrease or increase action. diff --git a/controls/pdfprocessing/overview.md b/controls/pdfprocessing/overview.md index 3cb29b3ab..6a3df55cd 100644 --- a/controls/pdfprocessing/overview.md +++ b/controls/pdfprocessing/overview.md @@ -2,10 +2,9 @@ title: Overview page_title: .NET MAUI PdfProcessing Documentation - Overview description: Check our "Overview" documentation article for Telerik PdfProcessing for .NET MAUI. -description: Overview slug: pdfprocessing-overview tags: overview -published: True +published: false position: 0 CTAControlName: PdfProcessing --- diff --git a/controls/pdfviewer/toolbar/styling.md b/controls/pdfviewer/toolbar/styling.md index 7b2324038..139d47225 100644 --- a/controls/pdfviewer/toolbar/styling.md +++ b/controls/pdfviewer/toolbar/styling.md @@ -30,7 +30,7 @@ Each toolbar item has a `Style` property and the target type of the property is All styling properties available for the target type [`ButtonToolbarItemView`]({%slug toolbar-items-button%}) are also applicable for the PDF toolbar items that use this target type. -All properties applicable for [`NavigationButtonToolbarItemView`({%slug toolbar-items-navigation-button%}) can be used for stlying the `PdfViewerSearchNavigationToolbarItem`. +All properties applicable for [`NavigationButtonToolbarItemView`]({%slug toolbar-items-navigation-button%}) can be used for stlying the `PdfViewerSearchNavigationToolbarItem`. ## Example for Styling the Toolbar diff --git a/controls/richtexteditor/configuration.md b/controls/richtexteditor/configuration.md index f529c2ff7..dc89a3832 100644 --- a/controls/richtexteditor/configuration.md +++ b/controls/richtexteditor/configuration.md @@ -26,7 +26,7 @@ You can load the HTML content from a string by using the static FromString -Alternatively, you can create a [`RichTextHtmlStringSource`](/devtools/maui/api/telerik.maui.controls.richtexteditor.richtexthtmlstringsource) object and assign it to the Source property of the RichTextEditor. +Alternatively, you can create a [`RichTextHtmlStringSource`](https://docs.telerik.com/devtools/maui/api/telerik.maui.controls.richtexteditor.richtexthtmlstringsource) object and assign it to the Source property of the RichTextEditor. ### Load HTML from a Stream @@ -34,7 +34,7 @@ Another option to preload HTML is by retrieving it from a stream through the sta -Alternatively, you can create a [`RichTextHtmlStreamSource`](/devtools/maui/api/telerik.maui.controls.richtexteditor.richtexthtmlstreamsource) object and set it as the Source of the RichTextEditor. +Alternatively, you can create a [`RichTextHtmlStreamSource`](https://docs.telerik.com/devtools/maui/api/telerik.maui.controls.richtexteditor.richtexthtmlstreamsource) object and set it as the Source of the RichTextEditor. ## Retrieving HTML Content diff --git a/controls/slider/events.md b/controls/slider/events.md index 65e9c964c..41aeccd91 100644 --- a/controls/slider/events.md +++ b/controls/slider/events.md @@ -2,7 +2,7 @@ title: Events page_title: .NET MAUI Slider Documentation - Events description: Learn about the ValueChanging event that the Telerik UI for .NET MAUI Slider control exposes and find out how to use it. -position: 10 +position: 11 slug: slider-events --- diff --git a/controls/spreadprocessing/overview.md b/controls/spreadprocessing/overview.md index ebce7b7b4..dcf16a351 100644 --- a/controls/spreadprocessing/overview.md +++ b/controls/spreadprocessing/overview.md @@ -2,10 +2,9 @@ title: Overview page_title: .NET MAUI SpreadProcessing Documentation - Overview description: Check our "Overview" documentation article for Telerik SpreadProcessing for .NET MAUI. -description: Overview slug: spreadprocessing-overview tags: overview -published: True +published: false position: 0 CTAControlName: SpreadProcessing --- diff --git a/controls/spreadstreamprocessing/overview.md b/controls/spreadstreamprocessing/overview.md index 097916970..469821eb7 100644 --- a/controls/spreadstreamprocessing/overview.md +++ b/controls/spreadstreamprocessing/overview.md @@ -2,10 +2,9 @@ title: Overview page_title: .NET MAUI SpreadStreamProcessing Documentation - Overview description: Check our "Overview" documentation article for Telerik SpreadStreamProcessing for .NET MAUI. -description: Overview slug: spreadstreamprocessing-overview tags: overview -published: True +published: false position: 0 --- diff --git a/controls/tabview/xamarin-migration.md b/controls/tabview/xamarin-migration.md index 703ddc85b..5279fece7 100644 --- a/controls/tabview/xamarin-migration.md +++ b/controls/tabview/xamarin-migration.md @@ -5,7 +5,6 @@ description: Learn how to migrate the Telerik UI for Xamarin TabView to the Tele tags: maui, dotnet maui, telerik maui, migration, xamarin.forms, tabview position: 100 slug: migrate-xamarin-tabview-to-maui -position: 20 --- # Migrating the TabView from Xamarin.Forms to .NET MAUI diff --git a/controls/templatedpicker/getting-started.md b/controls/templatedpicker/getting-started.md index 1eb8cc212..4252cce1e 100644 --- a/controls/templatedpicker/getting-started.md +++ b/controls/templatedpicker/getting-started.md @@ -34,7 +34,7 @@ The TemplatedPicker exposes a `SelectorTemplate`, which enables you to place any -**2.**Add the referenced `ColorViewModel`, which holds the collection with the predefined colors: +**2.** Add the referenced `ColorViewModel`, which holds the collection with the predefined colors: diff --git a/controls/templatedpicker/xamarin-migration.md b/controls/templatedpicker/xamarin-migration.md index f872bb8ac..aec92819e 100644 --- a/controls/templatedpicker/xamarin-migration.md +++ b/controls/templatedpicker/xamarin-migration.md @@ -4,7 +4,7 @@ page_title: Migrating the TemplatedPicker from Xamarin.Forms to .NET MAUI description: Learn how to migrate the Telerik UI for Xamarin TemplatedPicker to the Telerik UI for .NET MAUI framework by updating the namespaces and the incompatible NuGet packages. tags: maui, dotnet maui, telerik maui, migration, xamarin.forms slug: migrate-xamarin-templatedpicker-to-maui -position: 20 +position: 30 --- # Migrating the TemplatedPicker from Xamarin to .NET MAUI diff --git a/controls/timepicker/styling/dropdown-styling.md b/controls/timepicker/styling/dropdown-styling.md index 3d4d3948c..6b2b8b0d7 100644 --- a/controls/timepicker/styling/dropdown-styling.md +++ b/controls/timepicker/styling/dropdown-styling.md @@ -35,7 +35,7 @@ The following example shows how the styling properties are applied. **Define the `DropDownViewStyle`** - + **Define the `FooterStyle`** diff --git a/controls/timepicker/xamarin-migration.md b/controls/timepicker/xamarin-migration.md index a40dcafc3..1488a6219 100644 --- a/controls/timepicker/xamarin-migration.md +++ b/controls/timepicker/xamarin-migration.md @@ -4,7 +4,7 @@ page_title: Migrating the TimePicker from Xamarin.Forms to .NET MAUI description: Learn how to migrate the Telerik UI for Xamarin TimePicker to the Telerik UI for .NET MAUI framework by updating the namespaces and the incompatible NuGet packages. tags: maui, dotnet maui, telerik maui, migration, xamarin.forms slug: migrate-xamarin-timepicker-to-maui -position: 20 +position: 30 --- # Migrating the TimePicker from Xamarin to .NET MAUI diff --git a/controls/timespanpicker/xamarin-migration.md b/controls/timespanpicker/xamarin-migration.md index 15d2cd62d..25edf9b3f 100644 --- a/controls/timespanpicker/xamarin-migration.md +++ b/controls/timespanpicker/xamarin-migration.md @@ -4,7 +4,7 @@ page_title: Migrating the TimeSpanPicker from Xamarin.Forms to .NET MAUI description: Learn how to migrate the Telerik UI for Xamarin TimeSpanPicker to the Telerik UI for .NET MAUI framework by updating the namespaces and the incompatible NuGet packages. tags: maui, dotnet maui, telerik maui, migration, xamarin.forms slug: migrate-xamarin-timespanpicker-to-maui -position: 20 +position: 30 --- # Migrating the TimeSpanPicker from Xamarin to .NET MAUI diff --git a/controls/toolbar/configuration.md b/controls/toolbar/configuration.md index 31dba54f8..f2f73e631 100644 --- a/controls/toolbar/configuration.md +++ b/controls/toolbar/configuration.md @@ -57,7 +57,7 @@ When the items cannot fit in the toolbar available space an overflow menu is dis ![.NET MAUI Toolbar Orientation](images/toolbar-separator.png) -You can separate the toolbar items using the `[SeparatorToolbarItem]({%slug toolbar-items-separator%})`. +You can separate the toolbar items using the [`SeparatorToolbarItem`]({%slug toolbar-items-separator%}). ## Back navigation button diff --git a/controls/treeview/commands.md b/controls/treeview/commands.md index ca5a0908e..753264457 100644 --- a/controls/treeview/commands.md +++ b/controls/treeview/commands.md @@ -2,7 +2,7 @@ title: Commands page_title: .NET MAUI TreeView Documentation - Commands description: The .NET MAUI TreeView provides various commands that allow you to initiate expand or collapse actions, check and uncheck actions, and to scroll to a specific item. -position: 8 +position: 10 slug: treeview-commands --- diff --git a/controls/treeview/events.md b/controls/treeview/events.md index 8930de03c..37c49f41d 100644 --- a/controls/treeview/events.md +++ b/controls/treeview/events.md @@ -2,7 +2,7 @@ title: Events page_title: .NET MAUI TreeView Documentation - Events description: Review TreeView events that are raised when item is tapped, selected and source is changed. -position: 7 +position: 8 slug: treeview-events --- diff --git a/controls/treeview/load-children-on-demand.md b/controls/treeview/load-children-on-demand.md index 46f193d4b..69327d906 100644 --- a/controls/treeview/load-children-on-demand.md +++ b/controls/treeview/load-children-on-demand.md @@ -2,7 +2,7 @@ title: Load Children on Demand page_title: .NET MAUI TreeView Documentation - Load Children on Demand description: Learn how to load subitems on demand in the TreeView control for .NET MAUI. -position: 7 +position: 9 slug: treeview-load-children-on-demand --- diff --git a/controls/treeview/xamarin-migration.md b/controls/treeview/xamarin-migration.md index 65830bb11..02c670e0e 100644 --- a/controls/treeview/xamarin-migration.md +++ b/controls/treeview/xamarin-migration.md @@ -5,7 +5,6 @@ description: Learn how to migrate the Telerik UI for Xamarin TreeView to the Tel tags: maui, dotnet maui, telerik maui, migration, xamarin.forms, treeview position: 100 slug: migrate-xamarin-treeview-to-maui -position: 20 --- # Migrating the TreeView from Xamarin.Forms to .NET MAUI diff --git a/controls/wordsprocessing/overview.md b/controls/wordsprocessing/overview.md index 9c8a3afb9..70986cdd2 100644 --- a/controls/wordsprocessing/overview.md +++ b/controls/wordsprocessing/overview.md @@ -2,10 +2,9 @@ title: Overview page_title: .NET MAUI WordsProcessing Documentation - Overview description: Check our "Overview" documentation article for Telerik WordsProcessing for .NET MAUI. -description: Overview slug: wordsprocessing-overview tags: overview -published: True +published: false position: 0 CTAControlName: WordsProcessing --- diff --git a/controls/ziplibrary/overview.md b/controls/ziplibrary/overview.md index 170873f47..e127679e3 100644 --- a/controls/ziplibrary/overview.md +++ b/controls/ziplibrary/overview.md @@ -2,10 +2,9 @@ title: Overview page_title: .NET MAUI ZipLibrary Documentation - Overview description: Check our "Overview" documentation article for Telerik ZipLibrary for .NET MAUI. -description: Overview slug: ziplibrary-overview tags: overview -published: True +published: false position: 0 CTAControlName: ZipLibrary --- diff --git a/demos-and-sample-apps/crypto-app.md b/demos-and-sample-apps/crypto-app.md index f7f66ae58..44c6363d2 100644 --- a/demos-and-sample-apps/crypto-app.md +++ b/demos-and-sample-apps/crypto-app.md @@ -72,11 +72,10 @@ This command starts a default simulator. To run the application on specific devi 2. Click Devices from the Window menu. 3. Select Connected device. 4. Under Device Information, you will get an identifier, or UDID, of the device. - - * CryptoTracker application on iOS. +* CryptoTracker application on iOS. - ![Telerik UI for .NET MAUI CryptoTracker App iOS](../images/cryptotracker-iphone.png) +![Telerik UI for .NET MAUI CryptoTracker App iOS](../images/cryptotracker-iphone.png) >tip Check the [.NET MAUI Examples Apps]({%slug sampleapps-overview%}) topic which lists all the sample applications built with Telerik UI for .NET MAUI. diff --git a/docfx/filterConfig.yml b/docfx/filterConfig.yml new file mode 100644 index 000000000..1a0b81b45 --- /dev/null +++ b/docfx/filterConfig.yml @@ -0,0 +1,4 @@ +apiRules: +- exclude: + type: Method + uidRegex: ^System\.Object\..*$ \ No newline at end of file diff --git a/docfx/metadata-config.json b/docfx/metadata-config.json new file mode 100644 index 000000000..6126c2371 --- /dev/null +++ b/docfx/metadata-config.json @@ -0,0 +1,15 @@ +{ + "metadata": [{ + "src": [ + { + "files": [ + "src/Telerik.Maui.Controls.dll", + "src/Telerik.Maui.Controls.Compatibility.dll", + "src/Telerik.Maui.Core.dll" + ] + } + ], + "dest": "metadata", + "filter": "filterConfig.yml" + }] +} \ No newline at end of file diff --git a/docs-builder.yml b/docs-builder.yml new file mode 100644 index 000000000..de282beac --- /dev/null +++ b/docs-builder.yml @@ -0,0 +1,514 @@ +top-navigation-product: maui-ui +path-prefix: /maui-ui/documentation +default-title-prefix: .NET MAUI + +primary-color: "#27A306" +product-id: 2338 +product-code: MAUI +product-name: Telerik UI for .NET MAUI +product-url: https://www.telerik.com/maui-ui +product-trial-url: https://www.telerik.com/try/ui-for-maui +contribute-url: https://github.com/telerik/maui-docs/edit/master +search-engine-id: f5ca20400f4bf4c7d +avatar-path: ./images/avatar-ninja.svg +no-results-image-path: ./images/ninja-no-results.svg +enable-tabbed-code-blocks: true +pdf-cover-png-path: ./images/pdf-cover.png +img-max-width: 100% +table-layout: fixed +external-snippets-path: ../maui + +cta-overview: The @Subject is part of @ProductLink, the most comprehensive UI suite for .NET MAUI! To try it out, sign up for a free 30-day trial and kickstart your cross-platform app development today. +cta-intro: "Kickstart your cross-platform application development with the most comprehensive UI suite for .NET MAUI! To try it out, sign up for a free 30-day trial." + +excluded-files: +- "**/README.md" +- "**/copyright.md" + +meta: + controls/ziplibrary: + title: ZipLibrary + controls/wraplayout: + title: WrapLayout + controls/wordsprocessing: + title: WordsProcessing + controls/treeview/styling: + title: Styling + position: 15 + controls/treeview/templates: + title: Templates + position: 7 + controls/treeview: + title: TreeView + controls/treedatagrid/theming-and-styles: + title: Styling + position: 28 + controls/treedatagrid/keyboard-navigation: + title: Keyboard Navigation + position: 26 + controls/treedatagrid/commands: + title: Commands + position: 25 + controls/treedatagrid/filtering: + title: Filtering + position: 9 + controls/treedatagrid/cells: + title: Cells + position: 7 + controls/treedatagrid/rows: + title: Rows + position: 6 + controls/treedatagrid/columns: + title: Columns + position: 5 + controls/treedatagrid/populating-with-data: + title: Populating with Data + position: 4 + controls/treedatagrid: + title: TreeDataGrid + controls/toolbar/items: + title: Items + position: 4 + controls/toolbar: + title: Toolbar + controls/togglebutton: + title: ToggleButton + controls/timespanpicker/styling: + title: Styling + position: 20 + controls/timespanpicker: + title: TimeSpanPicker + controls/timepicker/styling: + title: Styling + position: 20 + controls/timepicker: + title: TimePicker + controls/templatedpicker/styling: + title: Styling + position: 20 + controls/templatedpicker: + title: TemplatedPicker + controls/templatedbutton: + title: TemplatedButton + controls/tabview/styling: + title: Styling + position: 10 + controls/tabview: + title: TabView + controls/spreadstreamprocessing: + title: SpreadStreamProcessing + controls/spreadprocessing: + title: SpreadProcessing + controls/slideview/styling: + title: Styling + position: 15 + controls/slideview: + title: SlideView + controls/slider/styling: + title: Styling + position: 10 + controls/slider: + title: Slider + controls/signaturepad: + title: SignaturePad + controls/sidedrawer: + title: SideDrawer + controls/segmentedcontrol: + title: SegmentedControl + controls/scheduler/styling: + title: Styling + position: 20 + controls/scheduler/specialslots: + title: Special Slots + position: 7 + controls/scheduler/recurrence: + title: Recurrence + position: 6 + controls/scheduler/appointments: + title: Appointments + position: 5 + controls/scheduler/views: + title: Views + position: 4 + controls/scheduler/header: + title: Header + position: 3 + controls/scheduler: + title: Scheduler + controls/richtexteditor/styling: + title: Styling + position: 19 + controls/richtexteditor/toolbar: + title: Toolbar + position: 8 + controls/richtexteditor/working-with-images: + title: Working with Images + position: 6 + controls/richtexteditor: + title: RichTextEditor + controls/rating: + title: Rating + controls/rangeslider/styling: + title: Styling + position: 10 + controls/rangeslider: + title: RangeSlider + controls/progressbar: + title: ProgressBar + controls/popup: + title: Popup + controls/pdfviewer/selection: + title: Selection + position: 12 + controls/pdfviewer/search: + title: Search + position: 10 + controls/pdfviewer/toolbar: + title: Toolbar + position: 8 + controls/pdfviewer: + title: PDF Viewer + controls/pdfprocessing: + title: PdfProcessing + controls/path: + title: Path + controls/numericinput: + title: NumericInput + controls/navigationview/styling: + title: Styling + position: 15 + controls/navigationview: + title: NavigationView + controls/maskedentry/mask-types: + title: Mask Types + position: 3 + controls/maskedentry: + title: MaskedEntry + controls/map/styling: + title: Styling + position: 9 + controls/map/layers: + title: Layers + position: 3 + controls/map: + title: Map + controls/listview/howto: + title: How To + position: 16 + controls/listview/styling: + title: Styling + position: 15 + controls/listview/cells: + title: Cells + position: 3 + controls/listview/gestures: + title: Gestures + position: 12 + controls/listview/grouping: + title: Grouping + position: 5 + controls/listview: + title: ListView (Obsolete) + controls/listpicker/styling: + title: Styling + position: 20 + controls/listpicker: + title: ListPicker + controls/itemscontrol: + title: ItemsControl + controls/imageeditor/toolbar: + title: Toolbar + position: 4 + controls/imageeditor: + title: ImageEditor + controls/gridsplitter: + title: GridSplitter + controls/gauge/gauge-types: + title: Gauge Types + position: 2 + controls/gauge: + title: Gauge + controls/expander: + title: Expander + controls/entry: + title: Entry + controls/docklayout: + title: DockLayout + controls/datetimepicker/styling: + title: Styling + position: 20 + controls/datetimepicker: + title: DateTimePicker + controls/datepicker/styling: + title: Styling + position: 20 + controls/datepicker: + title: DatePicker + controls/datapager/styling: + title: Styling + position: 20 + controls/datapager/integration: + title: Integration + position: 7 + controls/datapager: + title: DataPager + controls/datagrid/theming-and-styles: + title: Styling + position: 21 + controls/datagrid/keyboard-navigation: + title: Keyboard Navigation + position: 20 + controls/datagrid/commands: + title: Commands + position: 18 + controls/datagrid/aggregates: + title: Aggregates + position: 15 + controls/datagrid/grouping: + title: Grouping + position: 8 + controls/datagrid/filtering: + title: Filtering + position: 7 + controls/datagrid/cells: + title: Cells + position: 6 + controls/datagrid/row-details: + title: Row Details + position: 4 + controls/datagrid/columns/column-types: + title: Column Types + position: 1 + controls/datagrid/columns: + title: Columns + position: 3 + controls/datagrid/populating-with-data: + title: Populating with Data + position: 2 + controls/datagrid: + title: DataGrid + controls/dataform/styling: + title: Styling + position: 15 + controls/dataform/layouts: + title: Layouts + position: 7 + controls/dataform/grouping: + title: Grouping + position: 6 + controls/dataform/editors: + title: Editors + position: 4 + controls/dataform: + title: DataForm + controls/combobox: + title: ComboBox + controls/collectionview/styling: + title: Styling + position: 30 + controls/collectionview/accessibility/keyboard-navigation: + title: Keyboard Navigation + position: 1 + controls/collectionview/accessibility: + title: Accessibility + position: 20 + controls/collectionview/load-on-demand: + title: Load On Demand + position: 17 + controls/collectionview/drag-and-drop: + title: Drag & Drop + position: 16 + controls/collectionview/item-swipe: + title: Item Swipe + position: 14 + controls/collectionview/grouping: + title: Grouping + position: 12 + controls/collectionview/layouts: + title: Layouts + position: 5 + controls/collectionview: + title: CollectionView + controls/checkbox: + title: CheckBox + controls/chat/pickers/card-picker: + title: Card Picker + position: 5 + controls/chat/pickers: + title: Chat Pickers + position: 4 + controls/chat/items: + title: Chat Items + position: 3 + controls/chat: + title: Conversational UI (Chat) + controls/chart/series/financial: + title: Financial Series + position: 4 + controls/chart/series/pie: + title: Pie Series + position: 3 + controls/chart/series/cartesian/features: + title: Features + position: 1 + controls/chart/series/cartesian: + title: Cartesian Series + position: 2 + controls/chart/series: + title: Series + position: 5 + controls/chart/behaviors: + title: Behaviors + position: 6 + controls/chart/axes: + title: Axes + position: 4 + controls/chart/types: + title: Chart Types + position: 3 + controls/chart: + title: Chart + controls/calendar/styling: + title: Styling + position: 15 + controls/calendar: + title: Calendar + controls/button: + title: Button + controls/busyindicator: + title: BusyIndicator + controls/border: + title: Border + controls/barcode/2d-barcodes: + title: 2D Barcodes + position: 6 + controls/barcode/1d-barcodes: + title: 1D Barcodes + position: 5 + controls/barcode: + title: Barcode + controls/badgeview: + title: BadgeView + controls/autocomplete/templates: + title: Templates + position: 13 + controls/autocomplete: + title: AutoComplete + controls/aiprompt/styling: + title: Styling + position: 10 + controls/aiprompt/views: + title: Views + position: 3 + controls/aiprompt: + title: AIPrompt + controls/accordion: + title: Accordion + installation/nuget: + title: Installing with NuGet + position: 5 + installation/vs-code-integration: + title: Visual Studio Code Integration + position: 16 + installation/vs-integration: + title: Visual Studio Integration + position: 15 + installation/mac: + title: Mac + position: 4 + installation/windows: + title: Windows + position: 3 + installation/licensing: + title: Activating Your License + position: 1 + knowledge-base: + title: Knowledge Base + position: 14 + res_type: kb + relativeUrl: /knowledge-base + hideChildren: true + upgrade/breaking-changes: + title: Breaking Changes + position: 2 + integrations: + title: Integration With Other Telerik Products + position: 11 + upgrade: + title: Upgrade + position: 10 + font-icons: + title: Font Icons + position: 9 + security: + title: Security + position: 8 + styling-and-themes: + title: Styling and Themes + position: 5 + ai: + title: AI Coding Assistant + position: 6 + controls: + title: Controls + position: 4 + demos-and-sample-apps: + title: Sample Applications + position: 3 + installation: + title: Download & Installation + position: 2 + get-started/mac: + title: Mac + position: 2 + get-started/windows: + title: Windows + position: 1 + get-started: + title: Getting Started + position: 1 + +redirects: +- from: "^/?$" + to: "/introduction" + type: Permanent + +- from: ^/controls/busyindicator/custom-busy-content$ + to: /controls/busyindicator/content + type: Permanent + +- from: ^/controls/maskedentry/maskedentry-masked-types$ + to: /controls/maskedentry/mask-types/overview + type: Permanent + +- from: ^/copyright$ + to: https://www.progress.com/legal/documentation-copyright + type: Permanent + +- from: ^/personal-data-collection$ + to: https://www.progress.com/legal/privacy-policy + type: Permanent + +- from: ^/controls/listview/grouping/grouping$ + to: /controls/listview/grouping/overview + type: Permanent + +- from: ^/controls/pdfprocessing/overview$ + to: https://docs.telerik.com/devtools/document-processing/libraries/radpdfprocessing/overview + type: Permanent + +- from: ^/controls/spreadprocessing/overview$ + to: https://docs.telerik.com/devtools/document-processing/libraries/radspreadprocessing/overview + type: Permanent + +- from: ^/controls/spreadstreamprocessing/overview$ + to: https://docs.telerik.com/devtools/document-processing/libraries/radspreadstreamprocessing/overview + type: Permanent + +- from: ^/controls/wordsprocessing/overview$ + to: https://docs.telerik.com/devtools/document-processing/libraries/radwordsprocessing/overview + type: Permanent + +- from: ^/controls/ziplibrary/overview$ + to: https://docs.telerik.com/devtools/document-processing/libraries/radziplibrary/overview + type: Permanent diff --git a/font-icons/controls-icons.md b/font-icons/controls-icons.md deleted file mode 100644 index 002348ac0..000000000 --- a/font-icons/controls-icons.md +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: Controls Icons -page_title: .NET MAUI Controls Icons - Overview -description: Review the icons that represent the Telerik UI for .NET MAUI components. -slug: telerik-controls-icons -published: False -position: 2 ---- - - - -# Telerik UI for .NET MAUI Controls Icons - -You can choose any of the available Telerik font icons: - -| Icon | XAML | Code | Icon | XAML | Code | Icon | XAML | Code | -|--------------------| --- | ----------------|------------|---------------------|-------------------|----------------| --- | --- | -| Accordion | __\__ | __\ue800__ | AutoComplete | __\__ | __\ue801__ | BadgeView | __\__ | __\ue802__ | -| Barcode | __\__ | __\ue803__ | Border | __\__ | __\ue804__ | BusyIndicator | __\__ | __\ue805__ | -| Button | __\__ | __\ue806__ | Calendar | __\__ | __\ue807__ | Bar Chart | __\__ | __\ue808__ | -| Financial Chart | __\__ | __\ue809__ | Line Chart | __\__ | __\ue80b__ | FinancialIndicator Chart | __\__ | __\ue80a__ | -| Chart with Null Values | __\__ | __\ue80c__ | Pie Chart | __\__ | __\ue80d__ | Scatter Chart | __\__ | __\ue80e__ | -| Chat | __\__ | __\ue80f__ | CheckBox | __\__ | __\ue810__ | ComboBox | __\__ | __\ue811__ | -| DataForm | __\__ | __\ue812__ | DataGrid | __\__ | __\ue813__ | DatePicker | __\__ | __\ue814__ | -| DateTimePicker | __\__ | __\ue815__ | DockLayout | __\__ | __\ue816__ | Entry | __\__ | __\ue817__ | -| Expander | __\__ | __\ue818__ | Gauge | __\__ | __\ue819__ | ImageEditor | __\__ | __\ue81a__ | -| ListPicker | __\__ | __\ue81c__ | ItemsControl | __\__ | __\ue81b__ | Map | __\__ | __\ue81e__ | -| MaskedEntry | __\__ | __\ue81f__ | NavigationView | __\__ | __\ue820__ | NumericInput | __\__ | __\ue821__ | -| Path | __\__ | __\ue822__ | PdfProcessing | __\__ | __\ue823__ | PdfViewer | __\__ | __\ue824__ | -| Popup | __\__ | __\ue825__ | ProgressBar | __\__ | __\ue826__ | RangeSlider | __\__ | __\ue827__ | -| Rating | __\__ | __\ue828__ | RichTextEditor | __\__ | __\ue829__ | Scheduler | __\__ | __\ue82a__ | -| SegmentedControl | __\__ | __\ue82b__ | SideDrawer | __\__ | __\ue82c__ | SignaturePad | __\__ | __\ue82d__ | -| SlideView | __\__ | __\ue82e__ | SpreadStreamProcessing | __\__ | __\ue82f__ | TabView | __\__ | __\ue830__ | -| TemplatedPicker | __\__ | __\ue831__ | TimePicker | __\__ | __\ue832__ | TimeSpanPicker | __\__ | __\ue833__ | -| Toolbar | __\__ | __\ue834__ | TreeView | __\__ | __\ue835__ | WordsProcessing | __\__ | __\ue836__ | -| WrapLayout | __\__ | __\ue837__ | ZipLibrary | __\__ | __\ue838__ | Hamburger Menu | __\__ | __\ue839__ | -| Home | __\__ | __\ue83a__ | Search | __\__ | __\ue83b__ | Configuration | __\__ | __\ue83c__ | -| Customization | __\__ | __\ue83d__ | CollectionView | __\__ | __\ue83f__ | Area Chart | __\__ | __\ue840__ | -| Slider | __\__ | __\ue83e__ | AI Prompt | __\__ | __\ue841__ | ListView | __\__ | __\ue81d__ | - - ->important You need to set the Telerik controls font icon code on the concrete property to visualize the icon. - -## Examples - -This example shows how to add the font icons code to a `Label`. You need to add the icon code to the `Label.Text` property and set the `FontFamily`: - -```XAML -