With the introduction of the Collapse property for the KryptonHeaderGroup we have a new example that shows off how to use it in your applications.
I really love this new example because you can create the entire application that is demonstrated below without writing a single line of code. The whole thing is created at design time using drag and drop and setting a few properties. There will be a new tutorial in the documentation that describes this step by step process.
Here is the application with two KryptonHeaderGroup instances docked to the top of the client area and in the collapsed state.
When you press the expand button for the User Details section it will expand to give the following appearance.
Changing the palette at runtime will cause the header groups to resize as required without any extra code from yourself. Here is the appearance when a custom palette is applied.
Docking Style
This example was built by adding KryptonHeaderGroup instances and then setting the Dock property of each one to be Top. For your own application you can choose to dock against any of the edges or even have each group docked against a different edge. The white group at the bottom is a KryptonGroup that is set to fill the remaining area left over.
Splitter Style
The existing toolkit example that shows expanding and collapsing groups has been renamed to Expanding HeaderGroups (SplitterStyle). That example uses KryptonSplitContainer instances and requires a few lines of code be written in order to work as needed. It needs the manual writing of code because the split container does not know that is contains a header group that requires different split container actions depending on its colapsed state.
It does have the advantage of allowing the user to move the splitter at runtime in order to alter the relative sizing of the groups, although having to write some code is a disadvantage The dock style example does not require extra lines of code but does not allow the user to change the relative size of the groups.
