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

  • Wednesday, September 24, 2014 8:00 AM - 9:00 AM PDT According to a recent Forrester Research report, many companies are choosing low-code platforms over traditional programming platforms, due to the speed with which low-code apps can be assembled and tested. With customer-facing applications on the rise, traditional programming platforms simply can't keep up with the "short schedules and rapid change cycles" required to develop these applications. Check out this upcoming webinar and join Clay Richardson from …

  • Application and data integration doesn't have to be slow and expensive. Learn how cloud-based integration platforms dramatically speed results and lower costs in this white paper by Bloor Research.

Most Popular Programming Stories

More for Developers

Latest Developer Headlines

RSS Feeds