---
languages:
- csharp
products:
- windows-wpf
page_type: sample
name: "Complex Layout Sample"
---
# Complex Layout Sample
This sample shows you how to construct a complex Extensible Application Markup Language (XAML) layout by nesting TextBlock, Button, and DockPanels within a parent DockPanel.

## Build the sample
The easiest way to use these samples without using Git is to download the zip file containing the current version (using the link below or by clicking the "Download ZIP" button on the [repo](https://github.com/microsoft/WPF-Samples?tab=readme-ov-file) page). You can then unzip the entire archive and use the samples in [Visual Studio 2022](https://www.visualstudio.com/wpf-vs).

[Download the samples ZIP](../../archive/main.zip)

### Deploying the sample
- Select Build > Deploy Solution. 

### Deploying and running the sample
- To debug the sample and then run it, press F5 or select Debug >  Start Debugging. To run the sample without debugging, press Ctrl+F5 or selectDebug > Start Without Debugging. 

### Preview the layout

The completed complex XAML layout will resemble the following!
![A Screen Shot from Visual Studio 2022 showing a rich user interface which is created with just a dozen lines of XAML](WPF_ComplexLayout_Resultant_UI.png?raw=true "A Screen Shot from Visual Studio 2022 showing a rich user interface which is created with just a dozen lines of XAML")



