Blogs

The Progress Bar - DevExpress XPF Blog

WPF Layout Control – Flow Layout and Maximization

     

As promised here, this is the first in a series of posts to demonstrate certain features of the new Layout Control for WPF.

Just like its Silverlight counterpart, the WPF Layout Control includes a Flow Layout Control that can contain child items and arrange them into rows or columns. The arrangement is done based on the setting of the Orientation property of the control. You can allow the items to be wrapped at the edge of the container, or manually specify and item to break the automatic flow of controls displayed in specific row and columns.

An item in the FlowLayoutControl can be maximized to give it more focus at runtime. Maximization of a single item can be specified at design-time by setting the FlowLayoutControl.MaximizedElement property to the name of the desired element. The default maximization location can be set using the FlowLayoutControl.MaximizedElementPosition property.

In the following demo, we take a look at adding a FlowLayoutControl and populating it with several GroupBoxes. A GroupBox maximization is specified at design-time and then the minimize and maximize elements are enabled to allow end-user to change the GroupBox maximization at runtime.

Click on the image below to watch the video tutorial:

WPF_Flow_Layout_Control_Video

Published Sep 10 2010, 09:55 AM by Emil Mesropian (DevExpress)
Filed under: ,
Technorati tags: Layout Control, WPF
Bookmark and Share

Comments

 

Gurpreet Singh Bakshi said:

Fantastic. Can't wait to give it a go myself

September 10, 2010 1:55 PM
 

Emil Mesropian (DevExpress) said:

Hi Gurpreet,

Glad to hear that. This component has been released with version 2010.1.6 of DXperience. So if you are an existing customer, download the latest version and you can reproduce what you see in the video.

If not, grab the evaluation version to test it out: www.devexpress.com/.../Downloads

Thanks,

Emil.

September 10, 2010 2:50 PM
More from DevExpress
Live Chat
Have a pre-sales question?
Need assistance with your evaluation?
We are here to help.
Chat is one of the many ways you can contact members of the DevExpress Team. We are available Monday-Friday between 8:30am and 5:00pm Pacific Time.
If you need additional product information, require pre-sales assistance, or want help with your order, write to us at info@devexpress.com or call us at
+1 (818) 844-3383.