Click here to Skip to main content
Click here to Skip to main content

Adding a drop arrow to a toolbar button

By , 15 Dec 1999
Rate this:
Please Sign up or sign in to vote.
  • Download demo project - 28 Kb
  • Sample Image - toolbar_droparrow.gif

    <!-- Article Starts -->

    If you wanted to add a drop menu like the ones seen in internet explorer, it is pretty straight forward. This approach for will work for both Visual C++ 5 and 6, however you may want to read up on the enhancements to the toolbar class for VC 6.0.

    First off, after your toolbar has been created in CMainFrame::OnCreate(), you will need to make a call to the following

    DWORD dwExStyle = TBSTYLE_EX_DRAWDDARROWS;
    m_wndToolBar.GetToolBarCtrl().SendMessage(TB_SETEXTENDEDSTYLE, 0, (LPARAM)dwExStyle);
    

    This will enable your toolbar to handle drop arrows. The next thing you will need to do, is to actually add the drop arrow to your desired button. This will be done via the SetButtonStyle() method:

    DWORD dwStyle = m_wndToolBar.GetButtonStyle(m_wndToolBar.CommandToIndex(ID_FILE_OPEN));
    dwStyle |= TBSTYLE_DROPDOWN;
    m_wndToolBar.SetButtonStyle(m_wndToolBar.CommandToIndex(ID_FILE_OPEN), dwStyle);
    

    Now, you will need to add a message handler for the drop arrow, as well a menu to the application resources. Assuming you already know how to create a menu, ( if not, click on the resource tab, select the resource name ie: MyApp Resources, then right click. Select insert, then select Menu, then press the New button ) and assuming that the resource id for our menu is IDR_MENU1, add the following code to CMainFrame's message map:

    BEGIN_MESSAGE_MAP(CMainFrame, CMDIFrameWnd)
    	//{{AFX_MSG_MAP(CMainFrame)
    	...
    	ON_NOTIFY(TBN_DROPDOWN, AFX_IDW_TOOLBAR, OnToolbarDropDown)
    	//}}AFX_MSG_MAP
    END_MESSAGE_MAP()
    

    Add the following method to CMainFrame's .cpp file:

    void CMainFrame::OnToolbarDropDown(NMTOOLBAR* pnmtb, LRESULT *plr)
    {
    	CWnd *pWnd;
    	UINT nID;
    
    	// Switch on button command id's.
    	switch (pnmtb->iItem)
    	{
    	case ID_FILE_OPEN:
    		pWnd = &m_wndToolBar;
    		nID  = IDR_MENU1;
    		break;
    	default:
    		return;
    	}
    	
    	// load and display popup menu
    	CMenu menu;
    	menu.LoadMenu(nID);
    	CMenu* pPopup = menu.GetSubMenu(0);
    	ASSERT(pPopup);
    	
    	CRect rc;
    	pWnd->SendMessage(TB_GETRECT, pnmtb->iItem, (LPARAM)&rc);
    	pWnd->ClientToScreen(&rc);
    	
    	pPopup->TrackPopupMenu( TPM_LEFTALIGN | TPM_LEFTBUTTON | TPM_VERTICAL,
    		rc.left, rc.bottom, this, &rc);
    }
    

    Then add the following to CMainFrame's .h file:

    	//{{AFX_MSG(CMainFrame)
    	...
    	afx_msg void OnToolbarDropDown(NMTOOLBAR* pnmh, LRESULT* plRes);
    	//}}AFX_MSG
    

    License

    This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

    A list of licenses authors might use can be found here

    About the Author

    Kirk Stowell
    CEO Codejock Software
    United States United States
    No Biography provided

    Comments and Discussions

     
    QuestionDropdown arrow on the bottom of the button PinmemberBruno Scopigno28-Mar-12 5:04 
    QuestionImplementing windows explorer 'views' type of menu PinmemberSharanyaMahi5-Dec-11 20:20 
    Generaldropdown toolbar instead of menu Pinmembermimosa22-Jun-10 11:21 
    QuestionHow do I add menu item function and update function for multiple and dynamic menu items Pinmemberakira3226-Oct-08 23:17 
    GeneralI used the vs2008 to compile the demo source code Pinmemberakira3226-Oct-08 16:03 
    AnswerRe: I used the vs2008 to compile the demo source code Pinmemberakira3226-Oct-08 17:21 
    GeneralBUG: CToolBar, drop-down, XP theme, and Internet Explorer PinmemberDamir Valiulin3-May-06 19:47 
    GeneralMoving Arrow to Left of button PinmemberHamid Reza Mohammadi2-Dec-05 5:12 
    Questionboth arrows and not? Pinsussnoaa28-Jul-05 14:04 
    Generalreplacing button icons Pinmemberprrem24-Feb-05 2:52 
    GeneralDrop Down Button in Internet Explorer Standard Toolbar PinmemberAtif Goheer10-Jan-04 9:26 
    GeneralRe: Drop Down Button in Internet Explorer Standard Toolbar PinmemberBill SerGio, The Infomercial King4-Aug-04 4:29 
    GeneralRe: Drop Down Button in Internet Explorer Standard Toolbar PinmemberAlexey Petuschak10-Sep-05 4:18 
    GeneralCannot click arrow Pinmemberpinguin75126-Jul-03 20:01 
    GeneralRe: Cannot click arrow PinmemberTux9-Feb-04 15:26 
    Add message handler to the button, i can press the button, but click on the arrow noting happens.
     
    who can tell me why? i follow the steps exactly as the article
    GeneralRe: Cannot click arrow Pinmemberrlaley18-Jan-05 22:34 
    GeneralRe: Cannot click arrow PinsussRummey13-Mar-05 7:04 
    GeneralRe: Cannot click arrow PinmemberKirk Stowell14-Mar-05 4:21 
    GeneralRe: Cannot click arrow PinmemberRummey14-Mar-05 5:35 
    GeneralRe: Cannot click arrow PinmemberKirk Stowell14-Mar-05 10:21 
    GeneralRe: Cannot click arrow PinmemberRummey14-Mar-05 10:55 
    GeneralRe: Cannot click arrow PinmemberKirk Stowell15-Mar-05 4:29 
    GeneralRe: Cannot click arrow PinmemberRummey15-Mar-05 4:53 
    GeneralRe: Cannot click arrow PinmemberKirk Stowell15-Mar-05 5:06 
    GeneralRe: Cannot click arrow PinmemberCodeHead2-Sep-05 8:50 

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

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

    | Advertise | Privacy | Mobile
    Web03 | 2.8.140415.2 | Last Updated 16 Dec 1999
    Article Copyright 1999 by Kirk Stowell
    Everything else Copyright © CodeProject, 1999-2014
    Terms of Use
    Layout: fixed | fluid