Skip to content
10 changes: 5 additions & 5 deletions docs/controls/AdaptiveGridView.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: AdaptiveGridView XAML Control
title: AdaptiveGridView
author: nmetulev
description: The AdaptiveGridView Control presents items in a evenly-spaced set of columns to fill the total available display space.
keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, AdaptiveGridView, xaml control, xaml
Expand All @@ -8,11 +8,11 @@ dev_langs:
- vb
---

# AdaptiveGridView XAML Control
# AdaptiveGridView

The [AdaptiveGridView Control](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.adaptivegridview) presents items in a evenly-spaced set of columns to fill the total available display space. It reacts to changes in the layout as well as the content so it can adapt to different form factors automatically.
The [AdaptiveGridView](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.adaptivegridview) control presents items in a evenly-spaced set of columns to fill the total available display space. It reacts to changes in the layout as well as the content so it can adapt to different form factors automatically.

There are 3 ways to use this Control:
There are 3 ways to use this control:

1. You can set `DesiredWidth` and `ItemHeight`, which will scale the **width** of each item and adjust the number of columns on demand using all horizontal space.

Expand Down Expand Up @@ -142,7 +142,7 @@ There are 3 ways to use this Control:

## Sample Project

[AdaptiveGridView Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/AdaptiveGridView). You can [see this in action](uwpct://Controls?sample=AdaptiveGridView) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[AdaptiveGridView Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/AdaptiveGridView). You can [see this in action](uwpct://Controls?sample=AdaptiveGridView) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Requirements

Expand Down
10 changes: 5 additions & 5 deletions docs/controls/BladeView.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: BladeView XAML Control
title: BladeView
author: nmetulev
description: The BladeView provides a container to host blades as extra detail pages in, for example, a master-detail scenario.
keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, BladeView, XAML Control, xaml
Expand All @@ -8,9 +8,9 @@ dev_langs:
- vb
---

# BladeView XAML Control
# BladeView

The [BladeView Control](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.bladeview) provides a container to host [BladeItem](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.bladeitem) as extra detail pages in, for example, a master-detail scenario. The control is based on how the Azure Portal works.
The [BladeView](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.bladeview) control provides a container to host [BladeItem](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.bladeitem) as extra detail pages in, for example, a master-detail scenario. The control is based on how the Azure Portal works.

> [!div class="nextstepaction"]
> [Try it in the sample app](uwpct://Controls?sample=BladeView)
Expand Down Expand Up @@ -79,7 +79,7 @@ The [BladeView Control](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.
For example: if you set `AutoCollapseCountThreshold` to 3, the BladeView will start counting all BladeItems that are open in the BladeView and have their `TitleBarVisibility` property set to Visible. When the n+1 BladeItem, in our case the 4th one, is being added, the BladeView will auto collapse all n BladeItems except for the last one. All additional BladeItems that are added afterwards will trigger the same effect; collapse all BladeItems except for the last open one.

*Sample Code*

```xaml
<controls:BladeView AutoCollapseCountThreshold="3">
<controls:BladeItem>
Expand All @@ -95,7 +95,7 @@ The [BladeView Control](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.

## Sample Project

[BladeView Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/BladeView). You can [see this in action](uwpct://Controls?sample=BladeView) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[BladeView Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/BladeView). You can [see this in action](uwpct://Controls?sample=BladeView) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Default Template

Expand Down
2 changes: 1 addition & 1 deletion docs/controls/CameraPreview.md
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ if(availableFrameSourceGroups != null)

## Sample Project

[CameraPreview Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/CameraPreview). You can [see this in action](uwpct://Controls?sample=CameraPreview) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[CameraPreview Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/CameraPreview). You can [see this in action](uwpct://Controls?sample=CameraPreview) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Requirements

Expand Down
6 changes: 3 additions & 3 deletions docs/controls/Carousel.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Carousel XAML Control
title: Carousel
author: nmetulev
description: The Carousel control inherits from ItemsControl, representing a nice and smooth carousel.
keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, carousel, xaml control, xaml
Expand All @@ -8,7 +8,7 @@ dev_langs:
- vb
---

# Carousel XAML Control
# Carousel

The [Carousel](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.carousel) control provides a new control, inherited from the [ItemsControl](https://docs.microsoft.com/uwp/api/Windows.UI.Xaml.Controls.ItemsControl), representing a nice and smooth carousel.
This control lets you specify a lot of properties for a flexible layouting.
Expand Down Expand Up @@ -67,7 +67,7 @@ The `Carousel` control works fine with mouse, touch, mouse and keyboard as well.

## Sample Project

[Carousel Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Carousel). You can [see this in action](uwpct://Controls?sample=Carousel) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[Carousel Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Carousel). You can [see this in action](uwpct://Controls?sample=Carousel) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Default Template

Expand Down
4 changes: 2 additions & 2 deletions docs/controls/DataGrid.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
---
title: DataGrid XAML Control
title: DataGrid
author: harinikmsft
description: The DataGrid Control presents data in a customizable table of rows and columns.
keywords: windows 10, uwp, uwp community toolkit, uwp toolkit, DataGrid, xaml control, xaml
---

# DataGrid XAML control
# DataGrid

The DataGrid control provides a flexible way to display a collection of data in rows and columns.

Expand Down
10 changes: 5 additions & 5 deletions docs/controls/DockPanel.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
title: DockPanel XAML Control
title: DockPanel
author: IbraheemOsama
description: Defines an area where you can arrange child elements either horizontally or vertically, relative to each other.
keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, DockPanel, XAML Control, xaml
---

# DockPanel XAML Control
# DockPanel

The [DockPanel Control](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.dockpanel) defines an area where you can arrange child elements either horizontally or vertically, relative to each other.
The [DockPanel](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.dockpanel) control defines an area where you can arrange child elements either horizontally or vertically, relative to each other.

The DockPanel position child controls based on the child Dock property, you have 4 options to Dock, left (Default), right, top, bottom.
The DockPanel positions child controls based on the child Dock property. You have 4 options to Dock, left (Default), right, top, bottom.
You can set DockPanel LastChildFill property to true if you want the last item added to the DockPanel to fill the rest empty space.

> [!div class="nextstepaction"]
Expand Down Expand Up @@ -42,7 +42,7 @@ You can set DockPanel LastChildFill property to true if you want the last item a

## Sample Project

[DockPanel Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/DockPanel). You can [see this in action](uwpct://Controls?sample=DockPanel) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[DockPanel Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/DockPanel). You can [see this in action](uwpct://Controls?sample=DockPanel) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Requirements

Expand Down
8 changes: 4 additions & 4 deletions docs/controls/DropShadowPanel.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: DropShadowPanel XAML Control
title: DropShadowPanel
author: nmetulev
description: The DropShadowPanel Control allows the creation of a drop shadow effect for any Xaml FrameworkElement in the markup.
keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, DropShadowPanel, DropShadow, xaml Control, xaml
Expand All @@ -8,9 +8,9 @@ dev_langs:
- vb
---

# DropShadowPanel XAML Control
# DropShadowPanel

The [DropShadowPanel Control](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.dropshadowpanel) allows the creation of a drop shadow effect for any Xaml FrameworkElement in the markup.
The [DropShadowPanel](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.dropshadowpanel) control allows the creation of a drop shadow effect for any XAML FrameworkElement in the markup.

> [!div class="nextstepaction"]
> [Try it in the sample app](uwpct://Controls?sample=DropShadowPanel)
Expand Down Expand Up @@ -61,7 +61,7 @@ The [DropShadowPanel Control](https://docs.microsoft.com/dotnet/api/microsoft.to

## Sample Project

[DropShadowPanel Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/DropShadowPanel). You can [see this in action](uwpct://Controls?sample=DropShadowPanel) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[DropShadowPanel Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/DropShadowPanel). You can [see this in action](uwpct://Controls?sample=DropShadowPanel) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Default Template

Expand Down
10 changes: 5 additions & 5 deletions docs/controls/Expander.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
title: Expander Control
title: Expander
author: nmetulev
description: The Expander Control provides an expandable container to host any content.
keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, Expander, xaml Control, xaml
---

# Expander Control
# Expander

The [Expander Control](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.expander) provides an expandable container to host any content. It is a specialized form of a [HeaderedContentControl](HeaderedContentControl.md)
The [Expander](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.expander) control provides an expandable container to host any content. It is a specialized form of a [HeaderedContentControl](HeaderedContentControl.md)
You can show or hide this content by interacting with the Header.

> [!div class="nextstepaction"]
Expand Down Expand Up @@ -94,7 +94,7 @@ For instance to remove the header entirely from the Expander:

## Sample Project

[Expander Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Expander). You can [see this in action](uwpct://Controls?sample=Expander) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[Expander Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Expander). You can [see this in action](uwpct://Controls?sample=Expander) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Default Template

Expand All @@ -114,4 +114,4 @@ For instance to remove the header entirely from the Expander:
## Related Topics

* [HeaderedControlControl](HeaderedContentControl.md)
* [ToggleButton](https://docs.microsoft.com/en-us/uwp/api/Windows.UI.Xaml.Controls.Primitives.ToggleButton)
* [ToggleButton](https://docs.microsoft.com/uwp/api/Windows.UI.Xaml.Controls.Primitives.ToggleButton)
10 changes: 5 additions & 5 deletions docs/controls/Eyedropper.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Eyedropper XAML Control
title: Eyedropper
author: HHChaos
description: The Eyedropper Control can pick up a color from anywhere in your application.
keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, Eyedropper, xaml Control, xaml
Expand All @@ -8,12 +8,12 @@ dev_langs:
- vb
---

# Eyedropper XAML Control
# Eyedropper

The [Eyedropper Control](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.eyedropper) can pick up a color from anywhere in your application.
The [Eyedropper](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.eyedropper) control can pick up a color from anywhere in your application.

> [!NOTE]
> The Eyedropper Control uses [RenderTargetBitmap](https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.media.imaging.rendertargetbitmap) to get a screenshot of your app. In some cases RenderTargetBitmap may render incorrectly, which will cause eyedropper not to get the correct color value. Please make sure your xaml layout is reasonable, see [here](https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.media.imaging.rendertargetbitmap#xaml-visuals-and-rendertargetbitmap-capture-capabilities) for details.
> The Eyedropper Control uses [RenderTargetBitmap](https://docs.microsoft.com/uwp/api/windows.ui.xaml.media.imaging.rendertargetbitmap) to get a screenshot of your app. In some cases RenderTargetBitmap may render incorrectly, which will cause eyedropper not to get the correct color value. Please make sure your xaml layout is reasonable, see [here](https://docs.microsoft.com/uwp/api/windows.ui.xaml.media.imaging.rendertargetbitmap#xaml-visuals-and-rendertargetbitmap-capture-capabilities) for details.

> [!div class="nextstepaction"]
> [Try it in the sample app](uwpct://Controls?sample=Eyedropper)
Expand Down Expand Up @@ -105,7 +105,7 @@ Dim color = Await eyedropper.Open()

## Sample Project

[Eyedropper Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Eyedropper). You can [see this in action](uwpct://Controls?sample=Eyedropper) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[Eyedropper Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Eyedropper). You can [see this in action](uwpct://Controls?sample=Eyedropper) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Default Template

Expand Down
8 changes: 4 additions & 4 deletions docs/controls/GridSplitter.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
title: GridSplitter XAML Control
title: GridSplitter
author: nmetulev
description: The GridSplitter Control provides an easy-to-use Splitter that redistributes space between columns or rows of a Grid Control.
keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, GridSplitter, XAML Control, xaml
---

# GridSplitter XAML Control
# GridSplitter

The [GridSplitter Control](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.gridsplitter) provides an easy-to-use Splitter that redistributes space between columns or rows of a Grid Control. By dragging the control, the control will resize the targeted columns or rows.
The [GridSplitter](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.gridsplitter) control provides an easy-to-use Splitter that redistributes space between columns or rows of a Grid Control. By dragging the control, the control will resize the targeted columns or rows.

The control automatically detects the targeted columns/rows to resize, while dragging the control it starts to resize the columns/rows and redistributes space between columns/rows, you can manually specify the Resize Direction Auto, Column, Row and the Resize Behavior to select which columns/rows to resize.

Expand Down Expand Up @@ -101,7 +101,7 @@ The following sample demonstrates how to add Grid Splitter Control

## Sample Code

[GridSplitter Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/GridSplitter). You can [see this in action](uwpct://Controls?sample=GridSplitter) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[GridSplitter Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/GridSplitter). You can [see this in action](uwpct://Controls?sample=GridSplitter) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Default Template

Expand Down
6 changes: 3 additions & 3 deletions docs/controls/HeaderedContentControl.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
---
title: HeaderedContentControl XAML Control
title: HeaderedContentControl
author: skendrot
description: The HeaderedContentControl allows content to be displayed with a specified header.
keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, HeaderedContentControl, XAML Control, xaml
---

# HeaderedContentControl XAML Control
# HeaderedContentControl

The [HeaderedContentControl](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.controls.headeredcontentcontrol) is a UI control that allows content to be displayed with a specified header. The `Header` property can be any object and you can use the `HeaderTemplate` to specify a custom look to the header. Content for the HeaderedContentControl will align to the top left. This is to maintain the same functionality as the ContentControl.

Expand Down Expand Up @@ -70,7 +70,7 @@ The [HeaderedContentControl](https://docs.microsoft.com/dotnet/api/microsoft.too

## Sample Project

[HeaderedContentControl Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/HeaderedContentControl). You can [see this in action](uwpct://Controls?sample=HeaderedContentControl) in the [Windows Community Toolkit Sample App](http://aka.ms/uwptoolkitapp).
[HeaderedContentControl Sample Page Source](https://github.com/Microsoft/WindowsCommunityToolkit//tree/master/Microsoft.Toolkit.Uwp.SampleApp/SamplePages/HeaderedContentControl). You can [see this in action](uwpct://Controls?sample=HeaderedContentControl) in the [Windows Community Toolkit Sample App](https://aka.ms/uwptoolkitapp).

## Default Template

Expand Down
Loading