ICreate.Controls.Bars Send comments on this topic.
Walkthrough - Outlook 2007 style collapsing panels

Glossary Item Box

In this walkthrough we will create collapsing panels similar to those in the Outlook 2007 Navigation pane. The walkthrough will create the Form shown in the image below.

To implement the Form Proceed as follows:

  1. Create a C# or Visual Basic WinForm application.
  2. Add a Panel to the Form. Dock the Panel to the left of the Form.
  3. Set the AutoScroll property of the Panel to true.
  4. Set the BackColor property of the Panel to White.
  5. Add three CollapsingGroupPanel controls to the Panel.
  6. Set the Dock property of all three CollapsingGroupPanel controls to Top.
  7. Right click the top CollapsingGroupPanel and click on the Styles menu option. The CollapsingGroupPanel style gallery dialog is displayed,
  8. Select the Office 2007 collapsible blue entry from the Styles list. Click the Ok button to apply the style and close the gallery dialog.
  9. Right click the top CollapsingGroupPanel. Select the Save style menu option.
  10. Right click the middle CollapsingGroupPanel. Select the Apply style collapsingGroupPanel1 menu option.
  11. Right click the bottom CollapsingGroupPanel. Select the Apply style collapsingGroupPanel1 menu option.
  12. Set the ShowFooter property of all three CollapsingGroupPanel controls to false.
  13. Set the Collapse property of all three CollapsingGroupPanel controls to true.
  14. Set the HeaderText property of the top CollapsingGroupPanel to 'Panel One'.
  15. Set the HeaderText property of the middle CollapsingGroupPanel to 'Panel Two'.
  16. Set the HeaderText property of the bottom CollapsingGroupPanel to 'Panel Three'.

The walkthrough is complete and the application ready to be executed