# WPF Layout Controls

Get started with WPF Layout Controls  that are designed to provide consistency to the application design. Learn more about it in WPF Layout Controls documentation.

## Content

Display your controls in elegant layouts using WPF Layout Controls. The Layout Controls are designed to consistency to the application design. It nicely reduces the number of modifications in the UI you need to make over time and therefore brings down costly rebuilds.

The **Layout Controls** have been designed to lets users arrange or organize controls within an application sans any issues of overlapping and misalignment.

The layout of a control is very crucial for optimum application usability. The layout controls are designed keeping in mind the following aspects.

* Child element position
* Child element size
* Child element overlapping

ComponentOne provides two layout controls for WPF applications, **Accordion** ad **Expander**. The Accordion control provides a collapsible and expandable information panel to include data such as text, images and other simple controls. The Expander control can be used to create an expandable and collapsible information panel that can include text, images, and controls.

The upcoming topics discuss about the Accordion and Expander controls in depth.

* [Accordion](/componentone/docs/wpf/online-accordion5/overview/accordion-overview)
* [Expander](/componentone/docs/wpf/online-accordion5/overview/expander-overview)

| **Documentation** | **Blogs** |
| ------------- | ----- |
| [Create Your First Application using Accodion](/componentone/docs/wpf/online-accordion5/overview/accordion-overview/quickstart) [Elements](/componentone/docs/wpf/online-accordion5/overview/accordion-overview/accordion-elements) [Customization](/componentone/docs/wpf/online-accordion5/overview/accordion-overview/customization) [Adding Items](/componentone/docs/wpf/online-accordion5/overview/accordion-overview/adding-items) | [First Look at Fluent WPF Calendar and Accordion](https://developer.mescius.com/blogs/first-look-at-fluent-wpf-calendar-and-accordion) |
| **Product Samples** | **API References** |
| Product samples are located at Documents\\ComponentOne Samples\\WPF\\vx.x\\CS\\AccordionExplorer on your system, if you have installed the samples while installing WPF Edition using ComponentOneControlPanel.exe. | [C1.WPF.Accordion Assembly](/componentone/api/wpf/online-accordion5/dotnet-api/C1.WPF.Accordion/C1.WPF.Accordion.html) |