Creating a Rollout Panel | CodeGuru

Creating a Rollout Panel

Environment: VC6, Win95-XP Introduction This control works like “Rollout panel” in 3dsmax: When you click on a checkbox, some additional controls are shown. Another click on a checkbox will hide controls. Notice that other controls in a dialog are also moved and the dialog itself is resized. I tried to find something like this on […]

Written By
CodeGuru Staff
CodeGuru Staff
Oct 21, 2002
2 minute read
CodeGuru content and product recommendations are editorially independent. We may make money when you click on links to our partners. Learn More

Environment: VC6, Win95-XP

Introduction

This control works like “Rollout panel” in 3dsmax: When you click on a checkbox, some additional controls are shown. Another click on a checkbox will hide controls. Notice that other controls in a dialog are also moved and the dialog itself is resized. I tried to find something like this on the CodeGuru site, but the only articles I found were about expanding dialogs, which have limited functionality in comparison with this. So I decided to write my own class for this control.


How to Integrate It into Existing Code

  1. Create a dialog and place controls on it.
  2. Encircle the controls you want to be dynamically shown or hidden with static box and set their text to an empty string. Also, place a checkbox in the corner of it, as it is shown in the picture.
  3. Set the proper IDs for the checkbox and static (do not use IDC_STATIC because it will not work!). Let’s say you have used ID’s IDC_CHTYPE (for checkbox) and IDC_STTYPE (for static box).
  4. Associate variables with these two controls using ClassWizard. They should be of type CButton.
  5. Copy the “ExpandingCheck.h” and “ExpandingCheck.cpp” files into your source files directory.
  6. In your dialog’s .h file write:
    #include"ExpandingCheck.h"
    
  7. Also, in your dialog’s .h file you have to find the variables created in Step 4 and make the Checkbox variable of type CExpandingCheck:
  8.     //{{AFX_DATA(CExpCheckTestDlg)
        enum { IDD = IDD_EXPCHECKTEST_DIALOG };
        CExpandingCheck m_chType;    //I have changed this line
        CButton m_stType;
        //}}AFX_DATA
    
  9. In the constructor of your dialog, write:
  10.     m_chName.SetFrame(&m_stName);
    
  11. That’s all!

If you have found any bugs or improved the code, feel free to e-mail me.

Advertisement

Downloads

Download demo project – 36Kb

Download source – 3Kb

CodeGuru Logo

CodeGuru covers topics related to Microsoft-related software development, mobile development, database management, and web application programming. In addition to tutorials and how-tos that teach programmers how to code in Microsoft-related languages and frameworks like C# and .Net, we also publish articles on software development tools, the latest in developer news, and advice for project managers. Cloud services such as Microsoft Azure and database options including SQL Server and MSSQL are also frequently covered.

Property of TechnologyAdvice. © 2026 TechnologyAdvice. All Rights Reserved

Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.