Adding layout controls (XAML)
Learn how to create and use layout controls to arrange elements of your app UI.
Roadmap: How does this topic relate to others? See:
- Roadmap for Windows Runtime apps using C# or Visual Basic
- Roadmap for Windows Runtime apps using C++
The XAML UI framework for Windows Runtime apps using C++, C#, or Visual Basic provides several panels for arranging controls and content. Each panel arranges a collection of child elements in a different way.
| Canvas | StackPanel |
![]() | ![]() |
| Grid | VariableSizedWrapGrid |
![]() | ![]() |
There are several controls that are used to affect the appearance or scale of a single child element. These controls can be used with a single UI element, or with a panel that contains many elements.
| Border | ScrollViewer | Viewbox |
![]() | ![]() | ![]() |
The topics in this section describe how to create and use layout panels and view controls.
In this section
| Topic | Description |
|---|---|
|
This quickstart walks you through the steps to add layout controls to a Windows Runtime app using C++, C#, or Visual Basic. | |
|
This topic describes the styles and templates for the ContentControl control. | |
|
This topic describes the styles and templates for the ScrollViewer control. | |
|
This topic describes the styles and templates for the ScrollBar control. | |
|
This topic describes the styles and templates for the Thumb control. |
Related topics
- Quickstart: Defining layouts
- Roadmap for Windows Runtime apps using C# or Visual Basic
- Roadmap for Windows Runtime apps using C++






