Collapsible, Resizable, and Dockable XP-Style Control Bar

Environment: VC++

Introduction

This class, to be inserted into your project, only needs a few functions to be set up.

Files Needed

  • CollapsiblePanel.h
  • CollapsiblePanel.cpp

Resources

  • An empty dialog to define the initial control bar size.
  • A bitmap image for the logo of the button (if required).
  • A bitmap image for the expanded icon of the button.
  • A dialog that will be displayed by the collapsible button.

Sample Code

In your CMainFrame header file, define a variable of the type "CCollapsiblePanel":

CCollapsiblePanel m_wndCollapsiblePanel;

In the CMainFrame::OnCreate() method:

  • Create the CDialog corresponding to the panels of the collapsible button:
  • CDialog* m_wndView1 = new CDialogButton1();
  • Set the Collapsible control bar (dockable, color, and bitmaps...):
  • m_wndCollapsiblePanel.CreateTheContainer(this, IDD_PANEL,
                                             true);
    m_wndCollapsiblePanel.SetTheBkColor(RGB(100, 149, 237));
    

    or

    m_wndCollapsiblePanel.SetDefaultSystemColor();
    m_wndCollapsiblePanel.SetExpandBitmap(IDB_BITMAP_EXPAND);
    
  • Indicate whether the program uses a toolbar or a status bar:
  • m_wndCollapsiblePanel.SetTheControlBar(&m_wndToolBar,
                                           &m_wndStatusBar);
    
  • Finally, append the buttons...
  • m_wndCollapsiblePanel.AppendButton("Text Button 1",
                                       IDB_BITMAP_DW, m_wndView1,
                                       IDD_DIALOG_BUTTON1);
    m_wndCollapsiblePanel.AppendButton("Text Button 2",
                                       IDB_BITMAP_FW, m_wndView2,
                                       IDD_DIALOG_BUTTON2);
    m_wndCollapsiblePanel.AppendButton("text Button 3",
                                       NULL, NULL, NULL);
    

Downloads

Download demo project - 251 Kb


Comments

  • Ooooooo

    Posted by xrlc on 09/10/2004 04:56pm

    This control is a hmmm (alpha, beta, gama, delta) ... omega version!

    Reply
  • HHmmmmmmm

    Posted by Legacy on 09/24/2003 12:00am

    Originally posted by: Oni

    Nice example. However when the dialog is floating and you click on an drop-down, the whole dialog moves across and down by 1 or more pixels...

    Reply
Leave a Comment
  • Your email address will not be published. All fields are required.

Top White Papers and Webcasts

  • IBM Worklight is a mobile application development platform that lets you extend your business to mobile devices. It is designed to provide an open, comprehensive platform to build, run and manage HTML5, hybrid and native mobile apps.

  • A modern mobile IT strategy is no longer an option, it is an absolute business necessity. Today's most productive employees are not tied to a desk, an office, or a location. They are mobile. And your company's IT strategy has to be ready to support them with easy, reliable, 24/7 access to the business information they need, from anywhere in the world, across a broad range of communication devices. Here's how some of the nation's most progressive corporations are meeting the many needs of their mobile workers …

Most Popular Programming Stories

More for Developers

Latest Developer Headlines

RSS Feeds