Click here to Skip to main content
Licence CPOL
First Posted 14 Sep 2004
Views 167,887
Downloads 1,502
Bookmarked 46 times

Coloring Tab Control

By sreejith ss nair | 14 Sep 2004
Coloring Tab Control
7 votes, 12.3%
1
3 votes, 5.3%
2
5 votes, 8.8%
3
21 votes, 36.8%
4
21 votes, 36.8%
5
4.07/5 - 57 votes
7 removed
μ 3.67, σa 2.33 [?]

Introduction

Tabcontrol is not at all unknown to windows developers. Microsoft included this control from Visual Studio to Visual Studio.NET SDK to enhance developers productivity and end users better experience. I agree that our windows development must flow some standard to give better user experience. Here I am trying to give little more enhancement on control appearance if and only if developer want to do it.

Background

This article is small in size and can apply in your different application only if it must be a winform development. You can refer this article to update your tab control's appearances in your parent window.

By default or through any properties the existing VS.NET SDK won't support features which will enhance the appearances of tab pages like changing font appearances , color,caption back color etc. Here what I am trying to do is , override a little and got into solution. So you can use this idea to enhance your product or project.

If you feel this is good then don't forget to vote and give put your valuable suggestions.

If you check the property list of tabcontrol. You will came to to about DrawMode property. DrawMode property decides that how tabpages are drawn in your application. If you check the values then you will came to that there is two values are there which is assignable for the property DrawMode.

DrawMode Enumeration

Normal

This enumerated value will specify that operating system will decide to draw on behalf of developers.

OwnerDrawn

This enumerated value will specify that developer is responsible for drawing the appearance of tab page.

Suppose if you want to draw by yourself then you need to define event handler for TabControl's DrawItem Event.

Here also I am doing the same thing. Suppose it you want to change the appearance of tabpage of any tabcontrol then you need to set

  1. DrawMode property to OwnerDrawFixed.
  2. Override the DrawItem event handler definition.

Source Code

private void tabControl1_DrawItem(object sender, 
  System.Windows.Forms.DrawItemEventArgs e)
   {
       try
        {
          //This line of code will help you to 
          //change the apperance like size,name,style.
          Font f;
          //For background color
          Brush backBrush;
          //For forground color
          Brush foreBrush;
          //This construct will hell you to decide 
          //which tab page have current focus
          //to change the style.
          if(e.Index == this.tabControl1.SelectedIndex)
          {
          //This line of code will help you to 
          //change the apperance like size,name,style.
          f = new Font(e.Font, FontStyle.Bold | FontStyle.Bold);
          f = new Font(e.Font,FontStyle.Bold);
          backBrush = new System.Drawing.SolidBrush(Color.DarkGray);
          foreBrush = Brushes.White;
        }
        else
        {
          f = e.Font;
          backBrush = new SolidBrush(e.BackColor); 
          foreBrush = new SolidBrush(e.ForeColor);
        }
          //To set the alignment of the caption.
          string tabName = this.tabControl1.TabPages[e.Index].Text;
          StringFormat sf = new StringFormat();
          sf.Alignment = StringAlignment.Center;
          //Thsi will help you to fill the interior portion of
          //selected tabpage.
//Continue.........
  }
}

Note

Full source code with an example is given with this article.

License

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

About the Author

sreejith ss nair

Software Developer (Senior)
Freelance
India India

Member
He is a certified professional in both MCPD and MCTS. He is a mathematics graduate with masters in computer science.He was born and bred in India and happen to spend some time in Europe.

Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
You must Sign In to use this message board. (secure sign-in)
 
Search this forum  
 FAQ
    Noise  Layout  Per page   
  Refresh
GeneralMy vote of 5 PinmemberMember 79493622:05 8 Jun '11  
GeneralThanks for the article PinmemberDeadlyB6:26 12 May '09  
Thanks for the article. This was very informative. I had come across several articles like this to help with this problem.
 
My situation required letting the BackgroundImage of the form show through the end of the TabStrip after the tabs (instead of the standard gray) as well as using images on the tabs. I had to add my own solution, which I documented on our company blog: http://blog.villainousmind.com/2009/04/fix-backcolor-for-tabcontrol-in-net.html[^]
 
I hope this helps anyone who was in my situation.
GeneralProblem When RightToLeftLayout [modified] PinmemberAeyd M.0:14 25 Sep '07  
GeneralRe: Problem When RightToLeftLayout Pinmembersreejith ss nair18:53 25 Sep '07  
GeneralRe: Problem When RightToLeftLayout Pinmembersreejith ss nair19:19 7 Oct '07  
GeneralArticle Extension Pinmemberag1h6:44 3 Feb '07  
GeneralRe: Article Extension Pinmembersreejith ss nair18:50 25 Sep '07  
GeneralRe: Article Extension Pinmembersreejith ss nair19:19 7 Oct '07  
GeneralBackcolor property PinmemberMBrooker9:20 26 Oct '06  
GeneralRe: Backcolor property Pinmembersreejith ss nair18:51 25 Sep '07  
GeneralRe: Backcolor property Pinmembersreejith ss nair19:20 7 Oct '07  
Generalredrawing giving awfull look to application Pinmemberkhaadem4:11 24 Jan '06  
GeneralRe: redrawing giving awfull look to application Pinmembersreejith ss nair4:24 24 Jan '06  
GeneralRe: redrawing giving awfull look to application Pinmemberkhaadem4:49 24 Jan '06  
GeneralRe: redrawing giving awfull look to application Pinmembersreejith ss nair23:10 30 Jan '06  
GeneralRe: redrawing giving awfull look to application Pinmembersreejith ss nair19:20 7 Oct '07  
QuestionHow about the rest of the tab control PinmemberJohn08:07 11 Dec '04  
AnswerRe: How about the rest of the tab control PinmemberBalder1978-212:53 5 Sep '05  
GeneralRe: How about the rest of the tab control Pinmemberrohinivn20:33 19 Mar '07  
GeneralRe: How about the rest of the tab control Pinmemberrohinivn23:20 19 Mar '07  
GeneralRe: How about the rest of the tab control Pinmembersreejith ss nair19:23 7 Oct '07  
AnswerRe: How about the rest of the tab control Pinmembersreejith ss nair19:20 7 Oct '07  
GeneralDerived TabPage PinmemberGuggsdu3:51 28 Oct '04  
GeneralRe: Derived TabPage PinmemberStumpy84217:40 20 Dec '05  
GeneralRe: Derived TabPage Pinmembersreejith ss nair19:23 7 Oct '07  

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.

Permalink | Advertise | Privacy | Mobile
Web03 | 2.5.120210.1 | Last Updated 15 Sep 2004
Article Copyright 2004 by sreejith ss nair
Everything else Copyright © CodeProject, 1999-2012
Terms of Use
Layout: fixed | fluid