Blogs

The Progress Bar - DevExpress XPF Blog

What’s new for the ExpressLayout Control 2 Beta

     

This post summarizes the new features that will be introduced with the ExpressLayout Control Suite version 2. Please note that these features are subject to change prior to the official release. Many of the features presented here were introduced as a result of end-user feedback. For reference purposes, we’ve included the appropriate Support Center ID in parenthesis.

New Layout Capabilities

  • Tabbed Groups (B3623). Mimic the behavior of a tab control. Standard layout groups and layout items can be represented as tab pages in the layout control. To organize within tabs, set the parent group's LayoutDirection to ldTabbed.

clip_image001[12]

Appearance Improvements

  • Look and Feel support (S32514). The layout control now provides the following painting/style options:
    • A style can now be applied from one of three built-in styles or from five predefined TcxLookAndFeel styles.
    • Skinning support. Important Note: The ExpressSkins Library is not shipped with the layout control, and must be purchased separately.
    • The TcxLookAndFeelController component can now be used with the TdxLayoutLookAndFeelList component to paint the layout control and its children with a common look and feel.

Customization Capabilities

  • Customization Form Improvements (S31371).
    • The Customization Form contains two panes - Layout Tree View and Available Items. These panes can be displayed side-by-side or as tab pages. A layout hierarchy is represented in these panes as a tree.

clip_image001[10]

    • At design-time, the Customization Form displays buttons that allow expanding or collapsing a tree, item deletion, highlighting a root group, and controlling the visibility of item selectors.
    • At runtime, instead of the Highlight Root and Show Design Selectors buttons the Customization Form displays buttons that allow an end-user to save or restore the layout.
  • Bidirectional selection synchronization between on-form layout control's items and tree elements in the Customization Form (the corresponding elements are also automatically highlighted in the IDE's Object TreeView when working at design-time).
  • Form auto-sizing (S32513). To enable this feature, set the layout control's Autosize property to True, the root group's AlignHorz property to ahLeft and the AlignVert property to avTop, the form's Autosize property to True.

Design-Time Customization

  • Layout Item Selectors. For quick item access, each item is provided with a selector – a rectangle with green diagonal stripes. Item selection is enabled if the Customization Form is hidden.

Design-Time Customization

Drag and Drop Improvements

  • Drag and drop operations between different layout controls (S90646). Items or groups can now be dragged from one layout control to another.

DnDBtwnLCs

  • More intuitive positioning. While dragging, the layout control keeps track of the mouse pointer, and estimates the target space relative to the neighbor controls, anticipating your action. It simultaneously highlights the target container and the target location, facilitating the drop operation for you.

Drag and Drop Improvements

Miscellaneous

  • Design-Time Keyboard Shortcuts Support.
    • Selected items can be deleted using the DEL key.
    • Container Hierarchy Navigation with the ESC key. By pressing the ESC key, you can navigate up the container hierarchy.
  • Automatic disabling of items owned by disabled parents (B95464) - if the group is disabled (the group's Enabled property is False), captions of contained items are grayed. If the item is disabled (the item's Enabled property is False), the control it displays is also disabled.

clip_image001

  • Control Focus (S20119). A linked control can be focused by clicking the layout item's caption. To allow this operation, activate the layout control's FocusControlOnItemCaptionClick option (this can only be used at runtime).

clip_image002

  • Runtime Layout Persistence Support. The layout information can now be persisted from within the Customization Form.

Features Planned in the Official Release

The following features are planned in the official release. However, this list is subject to change prior to the release.

  • Use of layout item selectors for selection of linked controls when the Customization Form is open.
  • Target Location Selection - provides a choice of target locations for end-users when they start dragging an item.
  • Support for expandable groups (DS6053). End-users can quickly hide or display group contents by collapsing or expanding groups.
  • On-Form Layout Item Resizing (AS5146).
  • Transparency Support (AS15337). Provides optional transparency of the layout control.
  • Layout Item Settings Runtime Customization (DS4103). End-users can change settings of layout items at runtime in customization mode.
  • Group Custom Buttons (S92284). Ability to display action buttons in the group's caption that can be used for custom actions.
  • Item Caption Image (S31729) - along with the text, an image can also be provided for the item caption.
  • Multiple Undo/Redo Support.
  • Smart Layout Import. The layout control can now recognize the more advanced layout of items imported from external controls.
Published Jun 05 2009, 04:18 PM by Emil Mesropian (DevExpress)
Technorati tags: VCL, ExpressLayout Control
Bookmark and Share

Comments

 

Xaric said:

This looks great! I gave up every hope on ever seeing the new version of this fantastic control.

Could you please clarify what you mean by the 'Container Hierarchy Navigation with the ESC key'?

Does it mean that we could implement, let's say an Invoice header in parent container and Invoice details in child container and then switch from writing invoice details to invoice header by pressing the ESC key?

June 8, 2009 5:10 AM
 

AlexM (DevExpress) said:

This is a design-time feature - it simplifies the hierarchy navigation without having to use the Designer window. So, if an item is selected, you can press the Esc key to select its parent group, and so on.

June 8, 2009 11:47 AM
 

Erick Sasse said:

Great news. This control is really fantastic and deserves more attention.

Thanks!

June 8, 2009 2:02 PM
 

Lars Sondergaard said:

Fantastic news. Might I also suggest that you make a video showcasing how to use the control in general. For this control a video would make up for a lot of pages of written documentation.

June 8, 2009 5:45 PM
 

Raoulw said:

Thanks for the updates in this control. I'm sure that all VCL users appreciate the new effort in VCL controls. We even have videos now too!

June 8, 2009 6:29 PM
 

Adam said:

Fantastic, great work as usual from DevExpress.

Will there be support for splitter and empty space items?

June 8, 2009 8:53 PM
 

AlexM (DevExpress) said:

2Lars: Sure thing, we'll publish videos once the Beta is out.

2Adam: Yes, runtime sizing and splitters are already in our plans for Beta2. As for the empty space items, we'll try to implement them in the release version.

June 9, 2009 2:32 AM
 

Ferruh Köroğlu said:

Thanks for New Layout Control. Very Good News.

Best Regards,

June 9, 2009 5:16 AM
 

Claudio Piffer said:

Thank's DevExpress!!!

very great news!!!

Best Regards

June 9, 2009 8:17 AM
 

David Le Franc said:

Thanks for this information about this cool new version!

June 9, 2009 2:57 PM
 

Jack said:

Great news that this great product is getting a facelift.

2 quick questions:

Will the option to move components between Layout Controls work on different forms too, or only on the same form?

Will this feature work for copying components as well or just for moving?

June 12, 2009 1:26 PM
 

AlexM (DevExpress) said:

Jack, we didn't plan to implement moving or copying between different forms, sorry. However, you can submit corresponding suggestions to our Support Center and publish their IDs in this blog. We'll certainly implement these suggestions in the release version once they receive a significant number of customer votes.

June 15, 2009 4:48 AM
 

Johann Campbell said:

Yes this is great news for an excellent component.

June 17, 2009 5:49 PM
 

Mark Stoker said:

Looking forward to this.

June 18, 2009 4:22 AM
 

Laurent PIERRE said:

Thanks a lot DevExpress for this great news.

I already have made a suggestion concerning this very nice component. Here is the direct link :

www.devexpress.com/.../S132107.aspx

Please, track this feature.

June 18, 2009 4:38 AM
 

Mats said:

Thanks a lot this is my favourite component I convinced my boss to buy this component

June 18, 2009 2:22 PM
 

Rodrigo Gomez said:

Will this version support C++Builder 2007?

June 19, 2009 5:58 PM
 

Abdullah said:

Thanks for this good news, and I hope the tabs and groups can be align to right ,it will helps in bidirection languages.....

June 21, 2009 5:13 PM
 

Silverlight said:

Please, Please, Please, make it load/save compatible with the Silverlight-version (AgLayoutControl).

Did I said "Please" :-)

June 21, 2009 6:36 PM
 

AlexM (DevExpress) said:

Rodrigo Gomez, no, we're not planning to add C++Builder 2007 support to this version, sorry. Only C++Builder 2009 will be supported.

Abdullah, thank you for the tip. We've added a corresponding suggestion to our Support Center (see Suggestion ID: S32718). We'll certainly implement this suggestion once it receives a significant number of customer votes.

Silverlight, please clarify if you are going to use VCL controls side by side with Silverlight controls?

June 22, 2009 7:21 AM
 

Silverlight said:

Sorry for not being very specific.

We have Win32 VCL-Application, which can be customized by the end user (using custom editor). The form layouts are saved in the database. In the mean time we have a lot of requests to make some kind of "web version" for accessing the exact same forms from a browser. We already did some experiments on generating XAML on-the-fly, and it works (more or less). We if the new TLayoutControl2 and the AgLayoutControl share can share some kind of common XML-Format for LoadFrom/SaveToStream, that would be great.

That is what I actually meant by "load/save compatible". To be able to show the same designs both in silverlight and on a VCL-Form.

June 23, 2009 9:10 PM
 

AlexM (DevExpress) said:

Thank you for the clarification. We welcome you to create a suggestion in our Support Center and post its ID here. We'll consider implementing it once it receives a significant number of customer votes.

June 25, 2009 2:32 AM
 

Ricky Thramkrongart said:

Greats news,

Have used the TLayoutControl since 2000.

June 25, 2009 4:12 AM
 

sn00py said:

Is there a timeline, when the new version will be available for customer - and is there somewhere a compiled exe demo for downloading, taht we can see, how it will be the handle?

July 1, 2009 5:10 AM
 

ctodx said:

Those crazy developers on our VCL team are not only going gangbusters on the new beta for ExpressPrinting

August 24, 2009 7:36 PM
 

Mats said:

Great news!

August 28, 2009 12:10 PM
 

Gabriel Cherem said:

Very nice component.

Please consider my suggestion at www.devexpress.com/issue=B95464

September 18, 2009 3:16 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.