diff --git a/components/Behaviors/samples/Assets/AnimationSet.png b/components/Behaviors/samples/Assets/AnimationSet.png
index c702cf87..4e8f924f 100644
Binary files a/components/Behaviors/samples/Assets/AnimationSet.png and b/components/Behaviors/samples/Assets/AnimationSet.png differ
diff --git a/components/Behaviors/samples/Assets/Behaviors.png b/components/Behaviors/samples/Assets/Behaviors.png
index c702cf87..b06d1cea 100644
Binary files a/components/Behaviors/samples/Assets/Behaviors.png and b/components/Behaviors/samples/Assets/Behaviors.png differ
diff --git a/components/Behaviors/samples/Assets/HeaderBehaviors.png b/components/Behaviors/samples/Assets/HeaderBehaviors.png
new file mode 100644
index 00000000..63113f3c
Binary files /dev/null and b/components/Behaviors/samples/Assets/HeaderBehaviors.png differ
diff --git a/components/Behaviors/samples/Headers/HeaderBehaviors.md b/components/Behaviors/samples/Headers/HeaderBehaviors.md
index 741e784c..ecde3066 100644
--- a/components/Behaviors/samples/Headers/HeaderBehaviors.md
+++ b/components/Behaviors/samples/Headers/HeaderBehaviors.md
@@ -9,7 +9,7 @@ category: Xaml
subcategory: Behaviors
discussion-id: 0
issue-id: 0
-icon: Assets/Behaviors.png
+icon: Assets/HeaderBehaviors.png
---
The `FadeHeaderBehavior`, `QuickReturnHeaderBehavior`, and `StickyHeaderBehavior` most commonly apply behaviors to `ListView`, `GridView`, `HeaderedItemsControl`, and `HeaderedTreeView` elements in their `Header`. It can also be applied to any element contained at the top of a `ScrollViewer`.
diff --git a/components/CameraPreview/samples/CameraPreview.md b/components/CameraPreview/samples/CameraPreview.md
index 2cff6242..9b863b11 100644
--- a/components/CameraPreview/samples/CameraPreview.md
+++ b/components/CameraPreview/samples/CameraPreview.md
@@ -20,8 +20,7 @@ icon: Assets/CameraPreview.png
## Syntax
```xaml
-
-
+
```
```csharp
diff --git a/components/CameraPreview/samples/CameraPreviewSample.xaml b/components/CameraPreview/samples/CameraPreviewSample.xaml
index 1bc13079..55dc1101 100644
--- a/components/CameraPreview/samples/CameraPreviewSample.xaml
+++ b/components/CameraPreview/samples/CameraPreviewSample.xaml
@@ -1,4 +1,4 @@
-
+
+
@@ -20,10 +23,8 @@
IsOpen="False"
Severity="Error" />
-
+
diff --git a/components/Extensions/samples/ArrayExtensions.md b/components/Extensions/samples/ArrayExtensions.md
index 065a1c28..71872b0b 100644
--- a/components/Extensions/samples/ArrayExtensions.md
+++ b/components/Extensions/samples/ArrayExtensions.md
@@ -1,8 +1,8 @@
---
title: Array Extensions
author: michael-hawker
-description: Learn about array extension methods from the community toolkit. See code examples and view requirements.
-keywords: windows 10, uwp, uwp community toolkit, uwp toolkit, Extensions, array
+description: Provides a few helpers for dealing with multidimensional and jagged arrays. Also, provides string helpers for debug output.
+keywords: Extensions, array
dev_langs:
- csharp
category: Extensions
@@ -20,7 +20,7 @@ Provides a few helpers for dealing with multidimensional and jagged arrays. Also
## Syntax
```csharp
-using Microsoft.Toolkit.Extensions;
+using CommunityToolkit.WinUI.Extensions;
bool[,] inside = new bool[4, 5];
@@ -37,25 +37,3 @@ Output:
[False, False, False, False, False]]
*/
```
-
-## Methods
-
-| Methods | Return Type | Description |
-| -- | -- | -- |
-| Fill | void | Fills elements of a rectangular array at the given position and size to a specific value. |
-| GetRow | IEnumerable | Yields a row from a rectangular array. |
-| GetColumn | IEnumerable | Yields a column from a rectangular or jagged array. |
-| ToArrayString | string | Returns a simple string representation of an array. |
-
-## Requirements (Windows 10 Device Family)
-
-| [Device family](/windows/uwp/get-started/universal-application-platform-guide) | Universal, 10.0.16299.0 or higher |
-| --- | --- |
-| Namespace | Microsoft.Toolkit |
-| NuGet package | [Microsoft.Toolkit](https://www.nuget.org/packages/Microsoft.Toolkit/) |
-
-The Array Extensions supports .NET Standard
-
-## API
-
-* [ArrayExtensions source code](https://github.com/windows-toolkit/WindowsCommunityToolkit/blob/rel/7.1.0/Microsoft.Toolkit/Extensions/ArrayExtensions.cs)
diff --git a/components/Extensions/samples/Assets/AttachedDropShadow.png b/components/Extensions/samples/Assets/AttachedDropShadow.png
deleted file mode 100644
index c702cf87..00000000
Binary files a/components/Extensions/samples/Assets/AttachedDropShadow.png and /dev/null differ
diff --git a/components/Extensions/samples/Assets/Extensions.png b/components/Extensions/samples/Assets/Extensions.png
index c702cf87..454c17f1 100644
Binary files a/components/Extensions/samples/Assets/Extensions.png and b/components/Extensions/samples/Assets/Extensions.png differ
diff --git a/components/Extensions/samples/Assets/Shadow.png b/components/Extensions/samples/Assets/Shadow.png
new file mode 100644
index 00000000..95339945
Binary files /dev/null and b/components/Extensions/samples/Assets/Shadow.png differ
diff --git a/components/Extensions/samples/AttachedDropShadow.md b/components/Extensions/samples/AttachedDropShadow.md
index f9881ac6..5064ea61 100644
--- a/components/Extensions/samples/AttachedDropShadow.md
+++ b/components/Extensions/samples/AttachedDropShadow.md
@@ -9,7 +9,7 @@ category: Extensions
subcategory: Media
discussion-id: 0
issue-id: 0
-icon: Assets/AttachedDropShadow.png
+icon: Assets/Shadow.png
---
If you are looking to apply shadows to rectangle or card style elements, it is recommended to use `AttachedCardShadow` instead.
diff --git a/components/Extensions/samples/AttachedDropShadowBasicSample.xaml b/components/Extensions/samples/AttachedDropShadowBasicSample.xaml
index d4372090..4386358a 100644
--- a/components/Extensions/samples/AttachedDropShadowBasicSample.xaml
+++ b/components/Extensions/samples/AttachedDropShadowBasicSample.xaml
@@ -16,7 +16,7 @@
diff --git a/components/Extensions/samples/AttachedDropShadowStyleSample.xaml b/components/Extensions/samples/AttachedDropShadowStyleSample.xaml
index 47714e06..e0e47732 100644
--- a/components/Extensions/samples/AttachedDropShadowStyleSample.xaml
+++ b/components/Extensions/samples/AttachedDropShadowStyleSample.xaml
@@ -14,16 +14,11 @@
Offset="4" />
-
@@ -36,8 +31,8 @@
All buttons on this page have the shadow from the common style!
The Shadow definition is Shared!
-->
-
-
+
+
diff --git a/components/Extensions/samples/AttachedShadows.md b/components/Extensions/samples/AttachedShadows.md
index 9a984664..1545dcd1 100644
--- a/components/Extensions/samples/AttachedShadows.md
+++ b/components/Extensions/samples/AttachedShadows.md
@@ -2,14 +2,14 @@
title: Attached Shadows
author: michael-hawker
description: Attached Shadows allow you to easily create shadow effects on elements.
-keywords: windows 10, windows 11, uwp, winui, winappsdk, windows community toolkit, shadow, shadows, dropshadow, dropshadowpanel, attachedshadow, attacheddropshadow, attachedcardshadow
+keywords: shadow, shadows, dropshadow, dropshadowpanel, attachedshadow, attacheddropshadow, attachedcardshadow
dev_langs:
- csharp
category: Extensions
subcategory: Media
discussion-id: 0
issue-id: 0
-icon: Assets/AttachedDropShadow.png
+icon: Assets/Shadow.png
---
> **Platform APIs:** [`AttachedCardShadow`](/dotnet/api/microsoft.toolkit.uwp.ui.media.attachedcardshadow), [`AttachedDropShadow`](/dotnet/api/microsoft.toolkit.uwp.ui.attacheddropshadow)
@@ -45,8 +45,8 @@ The great benefit to the `AttachedCardShadow` is that no extra surface or elemen
The example shows how easy it is to not only apply an `AttachedCardShadow` to an element, but use it in a style to apply to multiple elements as well:
```xaml
- xmlns:ui="using:Microsoft.Toolkit.Uwp.UI"
- xmlns:media="using:Microsoft.Toolkit.Uwp.UI.Media"/>
+ xmlns:ui="using:CommunityToolkit.WinUI"
+ xmlns:media="using:CommunityToolkit.WinUI.Media"/>
@@ -111,12 +111,12 @@ Either type of Attached Shadow can be easily animated using the Toolkit's [`Anim
The following example uses a combination of behaviors and animations apis to create an animated shadow effect when hovering over an image with an [`OffsetDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.offsetdropshadowanimation):
```xaml
- xmlns:ui="using:Microsoft.Toolkit.Uwp.UI"
- xmlns:media="using:Microsoft.Toolkit.Uwp.UI.Media"
+ xmlns:ui="using:CommunityToolkit.WinUI"
+ xmlns:media="using:CommunityToolkit.WinUI.Media"
xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
xmlns:interactions="using:Microsoft.Xaml.Interactions.Core"
- xmlns:ani="using:Microsoft.Toolkit.Uwp.UI.Animations"
- xmlns:behaviors="using:Microsoft.Toolkit.Uwp.UI.Behaviors"/>
+ xmlns:ani="using:CommunityToolkit.WinUI.Animations"
+ xmlns:behaviors="using:CommunityToolkit.WinUI.Behaviors"/>
diff --git a/components/Extensions/samples/DependencyObjectExtensions.md b/components/Extensions/samples/DependencyObjectExtensions.md
index eacaa8a1..bf82674d 100644
--- a/components/Extensions/samples/DependencyObjectExtensions.md
+++ b/components/Extensions/samples/DependencyObjectExtensions.md
@@ -13,12 +13,8 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# DependencyObjectExtensions
-
The [`DependencyObjectExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.DependencyObjectExtensions) type provides a collection of extensions methods for [`DependencyObject`](/uwp/api/windows.ui.xaml.dependencyobject) objects. This class exposes several APIs to aid in using the [`VisualTreeHelper`](/uwp/api/Windows.UI.Xaml.Media.VisualTreeHelper) class. There are a number of reasons why walking the visual tree might be useful, which are mentioned [in the docs](/uwp/api/windows.ui.xaml.media.visualtreehelper?#traversing-a-visual-tree).
-> **Platform APIs:** [`DependencyObjectExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.DependencyObjectExtensions)
-
## Syntax
```csharp
@@ -47,28 +43,6 @@ control = uiElement.FindAscendant("MyScrollViewer");
control = uiElement.FindAscendant();
```
-```vb
-' Include the namespace to access extensions
-Imports Microsoft.Toolkit.Uwp.UI.Extensions
-
-' Find a visual descendant control using its name
-Dim control = uiElement.FindDescendant("MyTextBox")
-
-' Find the first visual descendant control of a specified type
-control = uiElement.FindDescendant(Of ListView)()
-
-' Find all visual descendant controls of the specified type
-For Each child In uiElement.FindDescendants().OfType(Of ListViewItem)()
- ' ...
-Next
-
-' Find the first visual ascendant control using its name
-control = uiElement.FindAscendant("MyScrollViewer")
-
-' Find the first visual ascendant control of a specified type
-control = uiElement.FindAscendant(Of ScrollViewer)()
-```
-
## Examples
You can find more examples in the [unit tests](https://github.com/windows-toolkit/WindowsCommunityToolkit/tree/rel/7.1.0/UnitTests).
diff --git a/components/Extensions/samples/DispatcherQueueExtensions.md b/components/Extensions/samples/DispatcherQueueExtensions.md
index 5fdea59c..90aa4a83 100644
--- a/components/Extensions/samples/DispatcherQueueExtensions.md
+++ b/components/Extensions/samples/DispatcherQueueExtensions.md
@@ -2,7 +2,7 @@
title: DispatcherQueueExtensions
author: Sergio0694
description: Helpers for executing code on a specific UI thread through a DispatcherQueue instance.
-keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, extensions, winui3, xaml islands, dispatcher, dispatcherqueue, DispatcherHelper, DispatcherQueueExtensions
+keywords: dispatcher, dispatcherqueue, DispatcherHelper, DispatcherQueueExtensions
dev_langs:
- csharp
category: Extensions
@@ -12,12 +12,8 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# DispatcherQueueExtensions
-
The [`DispatcherQueueExtensions`](/dotnet/api/microsoft.toolkit.uwp.DispatcherQueueExtensions) type provides a collection of extensions methods for [`DispatcherQueue`](/uwp/api/windows.system.dispatcherqueue) objects that makes it easier to execute code on a specific UI thread. A `DispatcherQueue` instance can be retrieved and cached for later use, and then used through any of the available helper methods to dispatch a delegate invocation on it.
-> **Platform APIs:** [`DispatcherQueueExtensions`](/dotnet/api/microsoft.toolkit.uwp.DispatcherQueueExtensions)
-
## Syntax
The `DispatcherQueueExtensions` type exposes a number of overloads of its `EnqueueAsync` method to dispatch either synchronous or asynchronous delegates, and to optionally have them return a value that is then relayed back to the caller through an awaitable task. Here are some examples of how these extension methods can be used:
diff --git a/components/Extensions/samples/EnumValuesExtension.md b/components/Extensions/samples/EnumValuesExtension.md
index 3b492f7a..dd9ab4d1 100644
--- a/components/Extensions/samples/EnumValuesExtension.md
+++ b/components/Extensions/samples/EnumValuesExtension.md
@@ -2,7 +2,7 @@
title: EnumValuesExtensions
author: Sergio0694
description: A markup extension that returns a collection of values of a specific enum type.
-keywords: windows 10, uwp, uwp community toolkit, uwp toolkit, markup extension, XAML, markup, enum
+keywords: XAML, markup, enum
dev_langs:
- csharp
category: Extensions
@@ -12,8 +12,6 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# EnumValuesExtensions
-
The [`EnumValuesExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.EnumValuesExtensions) type implements a markup extension that returns a collection of values of a specific enum type. It can be useful to easily bind a collection of all possible values from a given enum type to a UI element such as a [`ComboBox`](/windows/uwp/design/controls-and-patterns/combo-box) or some other items container or selector control.
> **Platform APIs:** [`EnumValuesExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.EnumValuesExtensions)
@@ -24,7 +22,7 @@ Assuming we had an `Animal` enum type and we wanted the user to pick one of the
```xaml
diff --git a/components/Extensions/samples/FrameworkElementExtensions.md b/components/Extensions/samples/FrameworkElementExtensions.md
index a6f9358a..90cfc257 100644
--- a/components/Extensions/samples/FrameworkElementExtensions.md
+++ b/components/Extensions/samples/FrameworkElementExtensions.md
@@ -2,7 +2,7 @@
title: FrameworkElement Extensions
author: Sergio0694
description: Provides attached dependency properties and extensions for the FrameworkElement type.
-keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, FrameworkElement, extensions
+keywords: FrameworkElement, extensions
dev_langs:
- csharp
- vb
@@ -13,12 +13,8 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# FrameworkElement Extensions
-
[`FrameworkElementExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.frameworkelementextensions) provides a collection of attached dependency properties, helpers and extension methods to work with [`FrameworkElement`](/uwp/api/windows.ui.xaml.frameworkelement) objects. In particular, it also includes a series of extension methods to explore the logical tree from a given UI element and find child or parent objects.
-> **Platform APIs:** [`FrameworkElementExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.frameworkelementextensions), [`DependencyObjectExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.DependencyObjectExtensions)
-
## Logical tree extensions
The `FindChild` and `FindParent` methods (and their overloads) provide an easy way to explore the logical tree starting from a given `FrameworkElement` instance and find other controls connected to it.
@@ -29,7 +25,7 @@ Here are some examples of how these extensions can be used:
```csharp
// Include the namespace to access the extensions
-using Microsoft.Toolkit.Uwp.UI;
+using CommunityToolkit.WinUI;
// Find a logical child control using its name
var control = uiElement.FindChild("MyTextBox");
@@ -56,32 +52,6 @@ control = uiElement.FindParent();
var content = uiElement.GetContentControl();
```
-```vb
-' Include the namespace to access the extensions
-Imports Microsoft.Toolkit.Uwp.UI
-
-' Find a logical child control using its name
-Dim control = uiElement.FindChild("MyTextBox")
-
-' Find the first logical child control of a specified type
-control = uiElement.FindChild(Of ListView)()
-
-' Find all the child nodes of a specified type. Like in the C# example,
-' here we are also using a LINQ extension to filter the returned items.
-For Each child In uiElement.FindChildren().OfType(Of ListViewItem)()
- ' ...
-Next
-
-' Find the first logical parent using its name
-control = uiElement.FindParent("MyGrid")
-
-' Find the first logical parent control of a specified type
-control = uiElement.FindParent(Of Grid)()
-
-' Retrieves the Content for the specified control from whatever its "Content" property may be
-Dim content = uiElement.GetContentControl()
-```
-
## EnableActualSizeBinding
The `EnableActualSizeBinding` property allows you to enable/disable the binding for the `ActualHeight` and `ActualWidth` extensions. The `ActualHeight` and `ActualWidth` properties then make it possible to bind to the `ActualHeight` and `ActualWidth` properties of a given object.
@@ -117,7 +87,7 @@ Here is how you can easily set a custom cursor type for a target `FrameworkEleme
x:Class="Microsoft.Toolkit.Uwp.SampleApp.SamplePages.MouseCursorPage"
xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
- xmlns:ui="using:Microsoft.Toolkit.Uwp.UI">
+ xmlns:ui="using:CommunityToolkit.WinUI">
**Platform APIs:** [HyperlinkExtensions](/dotnet/api/microsoft.toolkit.uwp.ui.hyperlinkextensions)
## How it works
@@ -25,7 +22,7 @@ Using the `HyperlinkExtensions` attached properties simply requires you to assig
```xaml
-
+Some leading text with a **Platform APIs:** [`BitmapIconExtension`](/dotnet/api/microsoft.toolkit.uwp.ui.bitmapiconextension), [`BitmapIconSourceExtension`](/dotnet/api/microsoft.toolkit.uwp.ui.bitmapiconsourceextension), [`FontIconExtension`](/dotnet/api/microsoft.toolkit.uwp.ui.fonticonextension), [`FontIconSourceExtension`](/dotnet/api/microsoft.toolkit.uwp.ui.fonticonsourceextension), [`SymbolIconExtension`](/dotnet/api/microsoft.toolkit.uwp.ui.symboliconextension) and [`SymbolIconSourceExtension`](/dotnet/api/microsoft.toolkit.uwp.ui.symboliconsourceextension)
-
## BitmapIconExtension
The `BitmapIconExtension` markup extension is similar in structure to the two previous extensions, but it produces `BitmapIcon` instances instead of font-based icons. Here is how it can be used:
```xaml
-
+
@@ -45,7 +41,7 @@ The `BitmapIconSourceExtension` class mirrors the `BitmapIconExtension` type, wi
```xaml
@@ -56,7 +52,7 @@ The `BitmapIconSourceExtension` class mirrors the `BitmapIconExtension` type, wi
The `FontIconExtension` type provides the ability to create `FontIcon` instances from XAML with a more compact representation than by explicitly creating a new `FontIcon` object to assign to the target property. The property also maps all the available `FontIcon` properties, so the two APIs expose the same set of customization options, just through a different XAML syntax:
```xaml
-
+
@@ -76,7 +72,7 @@ The `FontIconSourceExtension` class mirrors the `FontIconExtension` type, but pr
```xaml
@@ -96,7 +92,7 @@ The `FontIconSourceExtension` class mirrors the `FontIconExtension` type, but pr
The `SymbolIconExtension` type mirrors the `FontIcon` markup extension, with the main difference being that it uses a [`Symbol`](/uwp/api/windows.ui.xaml.controls.symbol) value to specify the icon. All the other properties from `FontIconExtension` are available, with the exception of the font family, which is always set to "Segoe MDL2 Assets". Here is how it can be used:
```xaml
-
+
@@ -119,7 +115,7 @@ The `SymbolIconSourceExtension` type is an alternative for `FontIconSourceExtens
```xaml
diff --git a/components/Extensions/samples/ListViewExtensions.md b/components/Extensions/samples/ListViewExtensions.md
index 2de84029..3fdd6c93 100644
--- a/components/Extensions/samples/ListViewExtensions.md
+++ b/components/Extensions/samples/ListViewExtensions.md
@@ -2,7 +2,7 @@
title: ListViewExtensions
author: nmetulev
description: ListViewExtensions extensions provide a lightweight way to extend every control that inherits the ListViewBase class with attached properties.
-keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, ListViewBase, extensions
+keywords: ListViewBase, extensions
dev_langs:
- csharp
category: Extensions
@@ -12,15 +12,8 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# ListViewExtensions
-
The [`ListViewExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.listviewextensions) class provide a lightweight way to extend every control that inherits the [`ListViewBase`](/uwp/api/Windows.UI.Xaml.Controls.ListViewBase) class with attached properties. This means that all the extensions in this class can apply to both [`ListView`](/uwp/api/windows.ui.xaml.controls.listview), [`GridView`](/uwp/api/windows.ui.xaml.controls.gridview) and other controls.
-> **Platform APIs:** [`ListViewExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.listviewextensions), [`ItemContainerStretchDirection`](/dotnet/api/microsoft.toolkit.uwp.ui.ItemContainerStretchDirection)
-
-> [!div class="nextstepaction"]
-> [Try it in the sample app](uwpct://Extensions?sample=ListViewExtensions)
-
## ListViewBase Extensions
- [AlternateColor](#alternatecolor)
@@ -40,7 +33,7 @@ Here is how this property can be used in XAML:
```xaml
+ xmlns:ui="using:CommunityToolkit.WinUI">
+ xmlns:ui="using:CommunityToolkit.WinUI">
@@ -87,7 +80,7 @@ Here is how this property can be used in XAML:
```xaml
+ xmlns:ui="using:CommunityToolkit.WinUI">
+ xmlns:ui="using:CommunityToolkit.WinUI">
**Platform APIs:** [`MatrixExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.matrixextensions)
-
-## Methods
-
-| Methods | Return Type | Description |
-| -- | -- | -- |
-| HasInverse | bool | Returns true if the matrix has an inverse. |
-| Multiply(Matrix) | Matrix | Multiply this matrix to the given matrix and return the result. |
-| Rotate(Matrix, double) | Matrix | Applies a rotation of the specified angle about the origin of this Matrix structure and returns the result. |
-| RotateAt(Matrix, double, double, double) | Matrix | Rotates this matrix about the specified point and returns the new result. |
-| Scale(double, double) | Matrix | Appends the specified scale vector to this Matrix structure and returns the result. |
-| ScaleAt(double, double, double, double) | Matrix | Scales this Matrix by the specified amount about the specified point and returns the result. |
-| Skew(double, double) | Matrix | Appends a skew of the specified degrees in the x and y dimensions to this Matrix structure and returns the result. |
-| Translate(double, double) | Matrix | Translates the matrix by the given amount and returns the result. |
-
-## Requirements (Windows 10 Device Family)
-
-| [Device family](/windows/uwp/get-started/universal-application-platform-guide) | Universal, 10.0.16299.0 or higher |
-| --- | --- |
-| Namespace | Microsoft.Toolkit.Uwp.UI |
-| NuGet package | [Microsoft.Toolkit.Uwp.UI](https://www.nuget.org/packages/Microsoft.Toolkit.Uwp.UI/) |
-
-## API Source Code
-
-- [MatrixExtensions source code](https://github.com/windows-toolkit/WindowsCommunityToolkit/blob/rel/7.1.0/Microsoft.Toolkit/Extensions/Media/MatrixExtensions.cs)
-
-## Related Topics
-
-- [Windows.UI.Xaml.Media.Matrix](/uwp/api/Windows.UI.Xaml.Media.Matrix)
-- [System.Windows.Media.Matrix](/dotnet/api/system.windows.media.matrix)
diff --git a/components/Extensions/samples/NullableBoolExtension.md b/components/Extensions/samples/NullableBoolExtension.md
index bef92588..0ef2e760 100644
--- a/components/Extensions/samples/NullableBoolExtension.md
+++ b/components/Extensions/samples/NullableBoolExtension.md
@@ -2,7 +2,7 @@
title: NullableBoolExtension
author: michael-hawker
description: The NullableBoolExtension type allows developers to specify default values in XAML for nullable bool dependency properties.
-keywords: windows 10, uwp, uwp community toolkit, uwp toolkit, nullable bool, dependency property, markup extension, XAML, markup
+keywords: nullable bool, dependency property, markup extension, XAML, markup
dev_langs:
- csharp
category: Extensions
@@ -12,8 +12,6 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# NullableBoolExtension
-
The [`NullableBoolExtension`](/dotnet/api/microsoft.toolkit.uwp.ui.nullableboolextension) type provides the ability to set nullable `bool` dependency properties in XAML markup. These types of properties can normally be bound to, but can't be explicitly set to a specific value. This extension provides that capability.
> **Platform APIs:** [`NullableBoolExtension`](/dotnet/api/microsoft.toolkit.uwp.ui.nullableboolextension)
@@ -22,7 +20,7 @@ Here is an example of how this extension could be used when binding to a `Depend
```xaml
**Platform APIs:** [`OnDeviceExtension`](/dotnet/api/microsoft.toolkit.uwp.ui.ondeviceextension)
-
Here is how the property can be used in XAML:
```xaml
```
diff --git a/components/Extensions/samples/ScrollViewerExtensions.md b/components/Extensions/samples/ScrollViewerExtensions.md
index b2b518c6..f0122f89 100644
--- a/components/Extensions/samples/ScrollViewerExtensions.md
+++ b/components/Extensions/samples/ScrollViewerExtensions.md
@@ -12,8 +12,6 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# ScrollViewerExtensions
-
The [`ScrollViewerExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.scrollviewerextensions) type provides extension methods to improve your [`ScrollViewer`](/uwp/api/windows.ui.xaml.controls.scrollviewer) implementation.
> **Platform APIs:** [`ScrollViewerExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.scrollviewerextensions)
@@ -41,7 +39,7 @@ And here it is in action in a more complex example, where the margin is also bou
```xaml
@@ -94,23 +92,19 @@ Here is how this property can be used in XAML:
```xaml
```
-This code results in the following UI:
-
-![Middle click scrolling UI](../resources/images/Extensions/MiddleClickScrolling.gif)
-
### Changing Cursor Type
> [!IMPORTANT]
diff --git a/components/Extensions/samples/StringExtensions.md b/components/Extensions/samples/StringExtensions.md
index a4f3ce0a..1271caf9 100644
--- a/components/Extensions/samples/StringExtensions.md
+++ b/components/Extensions/samples/StringExtensions.md
@@ -12,16 +12,12 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# String Extensions
-
The [`StringExtensions`](/dotnet/api/microsoft.toolkit.StringExtensions) type contains helpers and extensions for `string` objects, including validation methods for common scenarios.
-> **Platform APIs:** [`StringExtensions`](/dotnet/api/microsoft.toolkit.StringExtensions)
-
## Syntax
```csharp
-using Microsoft.Toolkit;
+using CommunityToolkit.WinUI;
string str = "test@test.com";
bool isvalid = str.IsEmail(); //Returns true
diff --git a/components/Extensions/samples/TextBoxExtensions.md b/components/Extensions/samples/TextBoxExtensions.md
index b11feef9..2c5400fc 100644
--- a/components/Extensions/samples/TextBoxExtensions.md
+++ b/components/Extensions/samples/TextBoxExtensions.md
@@ -2,7 +2,7 @@
title: TextBoxExtensions
author: Sergio0694
description: The TextBoxExtensions class provides extensions and additional functionality for the TextBox control.
-keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, TextBoxMask, XAML
+keywords: TextBoxMask, XAML
dev_langs:
- csharp
category: Extensions
@@ -12,12 +12,8 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# TextBoxExtensions
-
The [`TextBoxExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.TextBoxExtensions) type provides additional features for the [`TextBox`](/uwp/api/windows.ui.xaml.controls.textbox) control through extension methods and attached properties.
-> **Platform APIs:** [`TextBoxExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.TextBoxExtensions), [`TextBoxExtensions.ValidationMode`](/dotnet/api/microsoft.toolkit.uwp.ui.TextBoxExtensions.ValidationMode), [`TextBoxExtensions.ValidationType`](/dotnet/api/microsoft.toolkit.uwp.ui.TextBoxExtensions.ValidationType), [`SurfaceDialOptions`](/dotnet/api/microsoft.toolkit.uwp.ui.SurfaceDialOptions)
-
## Text mask
The `Mask` attached property allows a user to more easily enter fixed width text in `TextBox` control where you would like them to enter the data in a certain format, ex: phone number, postal code.
diff --git a/components/Extensions/samples/TransformExtensions.md b/components/Extensions/samples/TransformExtensions.md
index e2cb2fe4..04cdcb66 100644
--- a/components/Extensions/samples/TransformExtensions.md
+++ b/components/Extensions/samples/TransformExtensions.md
@@ -2,7 +2,7 @@
title: Transform Extensions
author: michael-hawker
description: Learn about Transform extensions. Transform extensions provide the ability to retrieve the Matrix of the transform.
-keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, Extensions, matrix, transform, rotate, skew, scale, RotateTransform, Value, ScaleTransform, SkewTransform, TranslateTransform
+keywords: Extensions, matrix, transform, rotate, skew, scale, RotateTransform, Value, ScaleTransform, SkewTransform, TranslateTransform
dev_langs:
- csharp
category: Extensions
@@ -12,34 +12,4 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# Transform Extensions
-
The Transform Extensions ([RotateTransformExtensions](/dotnet/api/microsoft.toolkit.uwp.ui.extensions.rotatetransformextensions), [ScaleTransformExtensions](/dotnet/api/microsoft.toolkit.uwp.ui.extensions.scaletransformextensions), [SkewTransformExtensions](/dotnet/api/microsoft.toolkit.uwp.ui.extensions.skewtransformextensions), and [TranslateTransformExtensions](/dotnet/api/microsoft.toolkit.uwp.ui.extensions.translatetransformextensions)) provide the ability to retrieve the Matrix of the transform. This is similar to the `Value` property on the [System.Windows.Media.Transform](/dotnet/api/system.windows.media.transform) class.
-
-## Methods
-
-| Methods | Return Type | Description |
-| -- | -- | -- |
-| GetMatrix | Matrix | Returns the matrix representation of the transform. |
-
-## Requirements (Windows 10 Device Family)
-
-| [Device family](/windows/uwp/get-started/universal-application-platform-guide) | Universal, 10.0.16299.0 or higher |
-| --- | --- |
-| Namespace | Microsoft.Toolkit.Uwp.UI |
-| NuGet package | [Microsoft.Toolkit.Uwp.UI](https://www.nuget.org/packages/Microsoft.Toolkit.Uwp.UI/) |
-
-## API Source Code
-
-- [RotateTransformExtensions source code](https://github.com/windows-toolkit/WindowsCommunityToolkit/blob/rel/7.1.0/Microsoft.Toolkit/Extensions/Media/RotateTransformExtensions.cs)
-- [ScaleTransformExtensions source code](https://github.com/windows-toolkit/WindowsCommunityToolkit/blob/rel/7.1.0/Microsoft.Toolkit/Extensions/Media/ScaleTransformExtensions.cs)
-- [SkewTransformExtensions source code](https://github.com/windows-toolkit/WindowsCommunityToolkit/blob/rel/7.1.0/Microsoft.Toolkit/Extensions/Media/SkewTransformExtensions.cs)
-- [TranslateTransformExtensions source code](https://github.com/windows-toolkit/WindowsCommunityToolkit/blob/rel/7.1.0/Microsoft.Toolkit/Extensions/Media/TranslateTransformExtensions.cs)
-
-## Related Topics
-
-- [Windows.UI.Xaml.Media.RotateTransform](/uwp/api/Windows.UI.Xaml.Media.RotateTransform)
-- [Windows.UI.Xaml.Media.ScaleTransform](/uwp/api/Windows.UI.Xaml.Media.ScaleTransform)
-- [Windows.UI.Xaml.Media.SkewTransform](/uwp/api/Windows.UI.Xaml.Media.SkewTransform)
-- [Windows.UI.Xaml.Media.TranslateTransform](/uwp/api/Windows.UI.Xaml.Media.TranslateTransform)
-- [System.Windows.Media.Transform](/dotnet/api/system.windows.media.transform)
diff --git a/components/Extensions/samples/UIElementExtensions.md b/components/Extensions/samples/UIElementExtensions.md
index 14d8629c..111b7e70 100644
--- a/components/Extensions/samples/UIElementExtensions.md
+++ b/components/Extensions/samples/UIElementExtensions.md
@@ -12,12 +12,6 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# UIElementExtensions
-
-The [`UIElementExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.extensions.uielementextensions) provide helpers and attached properties for the [`UIElement`](/uwp/api/windows.ui.xaml.uielement) class.
-
-> **Platform APIs:** [`UIElementExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.extensions.uielementextensions)
-
## ClipToBounds
The `ClipToBounds` property allows you to indicate whether to clip the content of this element (or content coming from the child elements of this element) to fit into the size of the containing element. Here is how it can be used in XAML to clip a target element:
diff --git a/components/Extensions/samples/VisualExtensions.md b/components/Extensions/samples/VisualExtensions.md
index 2bee05c7..b56ba1fc 100644
--- a/components/Extensions/samples/VisualExtensions.md
+++ b/components/Extensions/samples/VisualExtensions.md
@@ -2,7 +2,7 @@
title: Composition Visual Extensions
author: nmetulev
description: The Composition Visual Attached Properties Extension allow Composition Visual Properties to be modified directly in XAML
-keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, Visual, composition, xaml, attached property
+keywords: Visual, composition, xaml, attached property
dev_langs:
- csharp
category: Extensions
@@ -12,19 +12,15 @@ issue-id: 0
icon: Assets/Extensions.png
---
-# Composition Visual Attached Properties Extension
-
The [`VisualExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.VisualExtensions) type allows developers to modify common properties of the [`Visual`](/uwp/api/Windows.UI.Composition.Visual) object of an element directly in XAML.
-> **Platform APIs:** [`VisualExtensions`](/dotnet/api/microsoft.toolkit.uwp.ui.VisualExtensions)
-
## Syntax
Here is an example of how the `VisualExtensions` type can be used to directly set values for some `Visual` properties for a given UI element directly from XAML:
```xaml
+ xmlns:ui="using:CommunityToolkit.WinUI">
39.7953px).
-
-```csharp
-float result = ScreenUnitHelper.Convert(ScreenUnit.Inch, ScreenUnit.Pixel, 1); // 96
-```
-
-## DesignTimeHelpers
-
-The [DesignTimeHelpers](/dotnet/api/microsoft.toolkit.uwp.ui.designtimehelpers) helps to detect if your code is running in execution or designtime mode.
-
-```csharp
-if (DesignTimeHelpers.IsRunningInLegacyDesignerMode || DesignTimeHelpers.IsRunningInEnhancedDesignerMode)
-{
- // Design time
-}
-```
diff --git a/components/Helpers/samples/ScreenUnitHelper.md b/components/Helpers/samples/ScreenUnitHelper.md
new file mode 100644
index 00000000..58d71439
--- /dev/null
+++ b/components/Helpers/samples/ScreenUnitHelper.md
@@ -0,0 +1,19 @@
+---
+title: ScreenUnitHelper
+author:
+description: Convert screen units to another screen unit.
+keywords: Helpers, screenunithelper,
+dev_langs:
+ - csharp
+category: Helpers
+subcategory: System
+discussion-id: 0
+issue-id: 0
+icon: Assets/ScreenUnitHelper.png
+---
+
+The [ScreenUnitHelper](/dotnet/api/microsoft.toolkit.uwp.helpers.screenunithelper) helps to convert a screen unit to another screen unit (ex: 1cm => 39.7953px).
+
+```csharp
+float result = ScreenUnitHelper.Convert(ScreenUnit.Inch, ScreenUnit.Pixel, 1); // 96
+```
diff --git a/components/Helpers/samples/ThemeListener.md b/components/Helpers/samples/ThemeListener.md
index 03acf514..f3468003 100644
--- a/components/Helpers/samples/ThemeListener.md
+++ b/components/Helpers/samples/ThemeListener.md
@@ -6,7 +6,7 @@ keywords: Helpers, Theming, theme listerner, themes
dev_langs:
- csharp
category: Helpers
-subcategory: Developer
+subcategory: System
discussion-id: 0
issue-id: 0
icon: Assets/ThemeListener.png
diff --git a/components/Helpers/samples/WeakEventListener.md b/components/Helpers/samples/WeakEventListener.md
index 06334cfa..c455517b 100644
--- a/components/Helpers/samples/WeakEventListener.md
+++ b/components/Helpers/samples/WeakEventListener.md
@@ -9,7 +9,7 @@ category: Helpers
subcategory: Layout
discussion-id: 0
issue-id: 0
-icon: Assets/Icon.png
+icon: Assets/WeakEventListener.png
---
```csharp
diff --git a/components/RangeSelector/samples/RangeSelector.md b/components/RangeSelector/samples/RangeSelector.md
index d01ab17a..83961897 100644
--- a/components/RangeSelector/samples/RangeSelector.md
+++ b/components/RangeSelector/samples/RangeSelector.md
@@ -12,7 +12,7 @@ issue-id: 0
icon: Assets/RangeSelector.png
---
-> **Platform APIs:** [`RangeSelector`](/dotnet/api/microsoft.toolkit.uwp.ui.controls.rangeselector)
+A `RangeSelector` is pretty similiar to a regular `Slider`, and shares some of its properties such as `Minimum`, `Maximum` and `StepFrequency`.
> [!Sample RangeSelectorSample]
diff --git a/components/RichSuggestBox/samples/RichSuggestBox.md b/components/RichSuggestBox/samples/RichSuggestBox.md
index d84fed02..4786f0aa 100644
--- a/components/RichSuggestBox/samples/RichSuggestBox.md
+++ b/components/RichSuggestBox/samples/RichSuggestBox.md
@@ -16,8 +16,6 @@ The [RichSuggestBox](/dotnet/api/microsoft.toolkit.uwp.ui.controls.richsuggestbo
RichSuggestBox resembles text controls commonly found in social applications where you type "@" to mention people.
-> **Platform APIs:** [`RichSuggestBox`](/dotnet/api/microsoft.toolkit.uwp.ui.controls.richsuggestbox)
-
> [!Sample RichSuggestBoxMultiplePrefixesSample]
## Syntax