Skip to content

Commit 772ca1e

Browse files
authored
Update Readme.md
1 parent dc6ae1d commit 772ca1e

File tree

1 file changed

+27
-8
lines changed

1 file changed

+27
-8
lines changed

Readme.md

Lines changed: 27 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,36 @@
33
[![](https://img.shields.io/badge/Open_in_DevExpress_Support_Center-FF7200?style=flat-square&logo=DevExpress&logoColor=white)](https://supportcenter.devexpress.com/ticket/details/E2260)
44
[![](https://img.shields.io/badge/📖_How_to_use_DevExpress_Examples-e9f6fc?style=flat-square)](https://docs.devexpress.com/GeneralInformation/403183)
55
<!-- default badges end -->
6-
<!-- default file list -->
7-
*Files to look at*:
86

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+
![WPF Flow Layout Control - Arrange Items Vertically and Enable Maximize Option ](https://raw.githubusercontent.com/DevExpress-Examples/how-to-display-items-in-flowlayoutcontrol-and-enable-maximization-feature-e2260/22.2.2%2B/i/wpf-flow-layout-control-devexpress.png)
12+
13+
## Enable Maximize Option
1214

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):
1316

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))
1631

17-
<br/>
1832

33+
## Documentation
1934

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

Comments
 (0)