Expander Control In UWP

Expander Control provides an expandable container to host any content. You can show or hide this content by toggling a header.

Expander Control is from UWP Community Toolkit. The UWP Community Toolkit is a collection of helper functions, custom controls, and app services. It simplifies and demonstrates common developer tasks building UWP apps for Windows 10.

Reading this article, you can learn how to use Expander Control in Universal Windows Apps development with XAML and Visual C#.

The following important tools are required for developing UWP,

1. Windows 10 (Recommended)
2. Microsoft Visual Studio 2017
3. Windows Anniversary Update (10.0.14393.0)

Step 1

Open Visual studio 2017. Go to Start -> New Project-> Select Windows Universal (under Visual C#)-> Blank App(Universal Windows) -> Give a suitable name to your app (ex- UWPExpander)->OK.

After choosing the target and minimum platform version that your Windows Universal Application will support (Windows Anniversary Update (10.0.14393.0)), the Project creates App.xaml and MainPage.xaml.

Step 2

First, update the reference, Microsoft.NETCore.UniversalWindowsPlatform, with the latest version of it using "Manage NuGet Packages" feature so as to adding UWPToolKit Control.

Step 3

Add the following controls in design window for Expander control view. Add the TextBlock Control and change the Name and Text property.

Add the Expander Controls and set the Header, HeaderTemplate, IsExpanded, ExpandDirection properties.