An "Outlook Like" Control


Desktop-as-a-Service Designed for Any Cloud ? Nutanix Frame


This is a control that behaves like the Tab control but has visual cues that look more like the Navigation panel in Outlook. And, because this is more of a tab control than a navigation panel control, you are free to add as many tabs as you like.

The pattern used in coding the behavior of this control was to code the control behavior closer to the "Tab" control behavior than the Navigation panel behavior. Therefore, the control is made of a collection of Tabs; each Tab has two drawing surfaces and an Icon. The Icon is used when a Tab is not visible.

Note: This control is not thread safe. I will make it thread safe at some point. If you are interested in making it thread safe, you will have to modify the Change theme code in all the controls in the solution.

How to Use the Control

  1. Include the following DLL(s):

    • B7AdrdCBC.dll
    • B7AdrdHDC.dll
    • B7AdrdNavigationThemes.dll
    • B7AdrdTBC.dll
    • B7HDCUserControl.dll
    • B7NavCtl.dll
    • B7OtherThemes.dll
  1. Place these in your project debug directory, or at least in a directory that the PATH is known to Visual Studio. Or better yet, place them in the GAC.
  2. Set a reference to "NavCtl.dll" in your project.
  3. Add the control to your toolbox. To do this, right-click in the toolbox and click "Choose Items."
  4. In the "Choose Toolbox Items" dialog box, click "Browse..." and find the "NavCtl.dll". Or
  5. Once selected, the Control "AdrdNC" and "TabC" will be added to your Toolbox active tab.
  6. Drag and drop the control on any form.
  7. Now, add a new User Control to your project. This user control must visually inherit from the "HDCControl" as in the next two figures.
  8. Design your User control by adding other controls to it.
  9. In your code view of the containing form, create a locally scoped variable of type "AdrdNavigationTabCollection". The following is a code example:
  10. public partial class Form1 : Form
       AdrdNavigationTabCollection TabsCollection =
          new AdrdNavigationTabCollection();
  11. In the form "Load" event, create a variable of type "AdrdNavigationTab".
  12. AdrdNavigationTab tab = new AdrdNavigationTab();
  13. Assign the UserControl you created in Steps 7 and 8 to the "AdrdNavigationTab" variable HeaderControl and DetailControl properties.
  14. tab.HeaderControl = new YOURCONTROL();
    tab.DetailControl = new YOURCONTROL ();
    Note: Replace "YOURCONTROL" with your User Control Name.
  15. Add the instance of "AdrdNavigationTab" you created in Step 10 to the collection you created in Step 9.
  16. TabsCollection.Add(tab);
  17. Assign the instance of the collection "AdrdNavigationTabCollection" to the "AllTabsCollection" property of the control.
  18. this.adrdNC1.AllTabsCollection = TabsCollection;
  19. (Optional) Create the "OnTabAction" and "OnChildClick" handlers.
  20. this.adrdNC1.OnTabAction +=
       new TabActions(adrdNC1_OnTabAction);
    this.adrdNC1.OnChildClick +=
       new ChildControlWasClickedActions(adrdNC1_OnChildClick);

Important Steps

  1. Make sure all your user controls (Tabs) inherit from HDCControl.
  2. public partial class YOURCONTROL : HDCUserControl.HDCControl
  3. To actually make the control pass values back and forth between the different surfaces and/or the containing form, always call the "OnAction" method of the "HDCControl" instance. For example, if you included a TreeView control on your HDCControl Instant drawing surface and you want to update your containing form with the node text when the node selected is changed, you would do the following:
    1. Call the "OnAction" method in the TreeView AfterSelection Even Handler like this:
    2. void tv_AfterSelect(object sender,
         System.Windows.Forms.TreeViewEventArgs e)
            OnAction(this, "Node selection Changed");
    3. In your container form, code the AdrdNC Control "OnTabAction" event.
  4. The OnTabAction will pass you the HDCControl control instance that raised the OnAction event and the "AdrdNavigationTab" item. So, you can have both drawing surfaces on the control and can cause changes on either of the drawing surfaces and/or the containing form.

The attached solution includes a "TestHarness" project that includes most of the implementations of the control.

Also, there is a DOC directory in the attached solution that holds some documentation I started working on while developing the control. It is not complete, however.

About the Author

Adel Eddin

As the CIO of Adrd, Adel leads an very successful IT organization.



  • I can't find the DLL's

    Posted by tomsoft on 12/15/2007 12:03pm

    Is there any place to download that DLL's?

    • Great Work !!!

      Posted by tomsoft on 12/17/2007 12:30pm

      Thank you very much Adel. That is Very interesting nice work! Merry Christmas to you and your's.

    • Get the demo from this link

      Posted by aeddin@carolina.rr.com on 12/15/2007 10:11pm

      Get the demo http://www.adrdweb.com/AnoutlooklikeControlByAdelEddin.htm

  • Themes are missing

    Posted by aeddin@carolina.rr.com on 10/14/2007 03:36pm

    Apologize. While trying to make the download smaller in size, did not include the Themes files. You can download the full code from the following link http://www.adrdweb.com/AnoutlooklikeControlByAdelEddin.htm Until I figure out how to update the zip file on this site Cheers Adel S. Eddin

  • missing themes

    Posted by qwerty.capslock on 10/14/2007 01:59pm

    AdrdNavigationThemes and OtherThemes are missing

  • You must have javascript enabled in order to post comments.

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

Most Popular Programming Stories

More for Developers

RSS Feeds

Thanks for your registration, follow us on our social networks to keep up-to-date