TEXT EXPANDER APP HOW TO
TEXT EXPANDER APP SERIES
TEXT EXPANDER APP WINDOWS

The Expander control does not automatically provide scrolling capability. If your content is too large for the size of the content area, you can wrap the content a ScrollViewer to make the content area scrollable. If you need to, you can constrain the Height of the content and make the content scrollable. To specify the size of the expanded content area, set size dimensions on the content of the Expander. If you do, the control will reserve that space even when the content area is collapsed, which defeats the purpose of the Expander. The HorizontalAlignment of each Expander in the StackPanel is set to Stretch using a Style in the StackPanel Resources, and the width of the StackPanel determines the width of the Expander controls.

TEXT EXPANDER APP SERIES

Here, a series of related Expander controls are placed in a StackPanel. To prevent the control width from changing when expanded or collapsed, you can set an explicit width, or, if the control is the child of a Panel, set HorizontalAlignment to Stretch and let the layout panel control the sizing. If the content is wider than the header, the header width increases to match the content area when expanded, and shrinks when the content area is collapsed. It's important to use the correct techniques to control the size of the Expander to avoid undesirable appearance or behavior. Control the size of an ExpanderД«y default, the Header and Content areas automatically size to fit their contents. When you set these properties, the alignment applies only to the expanded content, not the header. You can align content by setting the HorizontalContentAlignment and VerticalContentAlignment properties on the Expander control. You can use complex, interactive UI as the content of the Expander, including nested Expander controls in the content of a parent Expander as shown here. For more details about setting the Content property, see the Remarks section of the ContentControl class. The Content property of an Expander can be any type of object, but is typically a string or UIElement. This example creates an Expander that looks like the previous illustration. The Content property defines the element that can be collapsed and expanded. The Header property defines the element that is always visible.

TEXT EXPANDER APP HOW TO

This example shows how to create a simple Expander with the default styling.

Get the XAML Controls Gallery app (Microsoft Store).

If you have the XAML Controls Gallery app installed, click here to open the app and see Expander in action. Hiding the secondary content until it's needed can also help to focus the user on the most important parts of your app. This UI is commonly used when display space is limited and when information or options can be grouped together. Use an Expander when some primary content should always be visible, but related secondary content may be hidden until needed.

TEXT EXPANDER APP WINDOWS

Windows UI Library APIs: Expander class, Header property, Content property Is this the right control?

Text expander app