|
3 | 3 | [](https://supportcenter.devexpress.com/ticket/details/E2260) |
4 | 4 | [](https://docs.devexpress.com/GeneralInformation/403183) |
5 | 5 | <!-- default badges end --> |
6 | | -<!-- default file list --> |
7 | | -*Files to look at*: |
8 | 6 |
|
9 | | -* [MainWindow.xaml](./CS/FlowLayoutControl_GroupBox/MainWindow.xaml) (VB: [MainWindow.xaml](./VB/FlowLayoutControl_GroupBox/MainWindow.xaml)) |
10 | | -<!-- default file list end --> |
11 | | -# How to: Display items in FlowLayoutControl and enable maximization feature |
| 7 | +# WPF Flow Layout Control - Arrange Items Vertically and Enable Maximize Option |
| 8 | + |
| 9 | +This example creates a [WPF Flow Layout Control](https://docs.devexpress.com/WPF/8148/controls-and-libraries/layout-management/tile-and-layout/flow-layout-control). The form layout has four [groups](https://docs.devexpress.com/WPF/DevExpress.Xpf.LayoutControl.GroupBox). Each group contains a `TextBlock` control. |
| 10 | + |
| 11 | + |
| 12 | + |
| 13 | +## Enable Maximize Option |
12 | 14 |
|
| 15 | +Use the [FlowLayoutControl.MaximizedElement](https://docs.devexpress.com/WPF/DevExpress.Xpf.LayoutControl.FlowLayoutControl.MaximizedElement) property to maximize the specified group (in this example this is the first group): |
13 | 16 |
|
14 | | -<p>The following example creates a <a href="https://documentation.devexpress.com/#WPF/CustomDocument8148">FlowLayoutControl</a> with four <a href="https://documentation.devexpress.com/#WPF/clsDevExpressXpfLayoutControlGroupBoxtopic">GroupBox</a> objects as children. For the GroupBox objects, the Maximize and Minimize elements are enabled via the <a href="https://documentation.devexpress.com/#WPF/DevExpressXpfLayoutControlGroupBox_MaximizeElementVisibilitytopic">GroupBox.MaximizeElementVisibility</a> and <a href="https://documentation.devexpress.com/#WPF/DevExpressXpfLayoutControlGroupBox_MinimizeElementVisibilitytopic">GroupBox.MinimizeElementVisibility</a> properties.</p> |
15 | | -<p>The first group is maximized in XAML by setting the <a href="https://documentation.devexpress.com/#WPF/DevExpressXpfLayoutControlFlowLayoutControl_MaximizedElementtopic">FlowLayoutControl.MaximizedElement</a> property.</p> |
| 17 | +```xaml |
| 18 | +<lc:FlowLayoutControl Orientation="Vertical" Background="#FFFAFAFA" BreakFlowToFit="True" |
| 19 | +MaximizedElementPosition="Right" MaximizedElement="{Binding ElementName=groupBox1}"> |
| 20 | + <lc:GroupBox x:Name="groupBox1" Header="Group 1" Style="{StaticResource myGroupBoxStyle}"> |
| 21 | + <TextBlock TextWrapping="Wrap" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed molestie porttitor congue..."/> |
| 22 | + </lc:GroupBox> |
| 23 | + ... |
| 24 | +</lc:FlowLayoutControl> |
| 25 | +``` |
| 26 | + |
| 27 | + |
| 28 | +## Files to Review |
| 29 | + |
| 30 | +* [MainWindow.xaml](./CS/FlowLayoutControl_GroupBox/MainWindow.xaml) (VB: [MainWindow.xaml](./VB/FlowLayoutControl_GroupBox/MainWindow.xaml)) |
16 | 31 |
|
17 | | -<br/> |
18 | 32 |
|
| 33 | +## Documentation |
19 | 34 |
|
| 35 | +* [Flow Layout Control](https://docs.devexpress.com/WPF/8148/controls-and-libraries/layout-management/tile-and-layout/flow-layout-control) |
| 36 | +* [MaximizedElementPosition](https://docs.devexpress.com/WPF/DevExpress.Xpf.LayoutControl.FlowLayoutControl.MaximizedElementPosition) |
| 37 | +* [GroupBox.MaximizeElementVisibility](https://docs.devexpress.com/WPF/DevExpress.Xpf.LayoutControl.GroupBox.MaximizeElementVisibility) |
| 38 | +* [GroupBox.State](https://docs.devexpress.com/WPF/DevExpress.Xpf.LayoutControl.GroupBox.State) |
0 commit comments