Click here to Skip to main content
15,904,155 members
Articles / Programming Languages / C++

Simple Tab Control for Visual C++: Part 2

Rate me:
Please Sign up or sign in to vote.
2.84/5 (21 votes)
5 Jun 2007CPOL2 min read 107.5K   3.5K   31   37
An easy way to develop interfaces with the tab control.

Sample Image - Simple_Tab_Control.jpg

Introduction

I take this opportunity to thank all my friends who commented and gave ideas about my previous tab control. It made me build this useful and easy tab control for all of you.

About this new tab control

If you are using this particular tab control, you have to do the following steps:

  1. Drag and drop the VC++ tab control on to your dialog.
  2. Add CIbTabCtrl.c and CIbTabCtrl.h to your solution.
  3. Derive the tab control variable from CIbTabCtrl.

You are free to design your tab pages using property pages. Add property pages to your application using the Add Resource option. Then create a property page associated class using CPropertyPage. You can add any number of property pages to your application. To make it visually suitable for a tab control, you can set the following property values:

  • Set Border property to None
  • Set Control property to True (this is very important; if it is false, the tab key function will not have any effect).
  • Set the Disable property to False

Once you create your property pages, you have to link those pages with your tab control.

How to link pages with the tab control

  1. Create property page objects as members of the dialog where your control is (if property page classes are CPPone and CPPTwo):
  2. C++
    CPPOne m_oPPOne;
    CPPTwo m_oPPTwo;
  3. On the OnInitDialog member function:
  4. C++
    m_oPPOne.Create(IDD_PP_ONE);
    m_oPPTwo.Create(IDD_PP_TWO);
    
    // Using the addNewPage() function, user can set tab caption and the
    // property page user wants to attach with it.
    
    // setDefaultPage() will determine which page should have the very first focus.
    
    m_ctrlTabV.addNewPage("My Page 1",&m_oPPOne);
    m_ctrlTabV.addNewPage("My Page 2",&m_oPPTwo);
    m_ctrlTabV.setDefaultPage(0); 

That's it! This is all you have to do to use this control in your solution.

For those interested in the CIbTabCtrl class

This class is derived from the MFC CTabCtrl class. I have added three functions:

  1. AddNewPage(CString strPage, CWnd * pPage) (public)
  2. This will keep track of all the pages added. Here I am using the CArray member variable to keep those pages.

    C++
    InsertItem(this->GetItemCount(),strPage);
    pPage->ShowWindow(SW_HIDE);
    m_oPages.Add(pPage); // store page;
  3. setPage(CWnd* pWnd) (private member function)
  4. This will display and draw a page according to the size of the tab control.

    C++
    CIbTabCtrl::setPage(CWnd* pWnd)
    {
        CWnd * pPage;
        pPage = m_oPages.GetAt(m_iPrevPage);
        pPage->ShowWindow(SW_HIDE);
        CRect oRect,oWRect,oPWRect,oIRect;
        GetItemRect(0,oIRect);
        GetClientRect(oRect);
        GetWindowRect(oWRect);
        GetParent()->GetWindowRect(oPWRect);
        pWnd->SetWindowPos(this,oWRect.left-oPWRect.left,oWRect.top-oPWRect.top,
              oRect.Width()- 5,oRect.Height()-oIRect.Height() - void 6, SWP_SHOWWINDOW);
    }
  5. setDefaultPage(int iIndex) (public)
  6. Sets the default page.

  7. removePage(int iIndex) (public)
  8. This will remove the tab page from the tab control.

Hope this description is enough for you to use this control. You are free to ask any question on this article. I am sure you will enjoy this control very much.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior)
Sri Lanka Sri Lanka
I am working as a Tech Lead. I love VC++.
I am trying to get into new technologies coming with VC++ and also in other areas too.

Currently I am working in C# .Net as well...

Now I have sound knowledge in C# as well as in VC++.

Comments and Discussions

 
AnswerRe: Here is a fix that works for me ! Pin
jalstadt5-Dec-06 2:11
jalstadt5-Dec-06 2:11 
GeneralRe: Here is a fix that works for me ! Pin
slwgu8-Aug-12 15:15
slwgu8-Aug-12 15:15 
GeneralRe: Here is a fix that works for me ! Pin
dlee88817-Jan-07 10:41
dlee88817-Jan-07 10:41 
GeneralRe: Here is a fix that works for me ! Pin
myguru17-Jan-07 20:09
myguru17-Jan-07 20:09 
GeneralRe: Here is a fix that works for me ! Pin
dlee88818-Jan-07 10:00
dlee88818-Jan-07 10:00 
AnswerRe: No content in tab panes Pin
Mark Roddy13-Feb-12 9:13
Mark Roddy13-Feb-12 9:13 
QuestionWhy would I use this ? Pin
Maximilien22-Nov-06 7:35
Maximilien22-Nov-06 7:35 
AnswerRe: Why would I use this ? Pin
venura c.p.w. goonatillake22-Nov-06 15:41
venura c.p.w. goonatillake22-Nov-06 15:41 
Here you do not have to worry about the page alignment to the tab control.

VENURA GOONATILLAKE, SRI LANKA

GeneralRe: Why would I use this ? Pin
Manu.Dev1-Nov-07 17:35
Manu.Dev1-Nov-07 17:35 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.