We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to draw gradient tabs?

Platform: WinForms |
Control: TabControlAdv |
Published Date: April 30, 2011 |
Last Revised Date: July 10, 2014


You can handle the DrawItem Event of TabControlAdv and then set the gradient by using the LinearGradientBrush

Here is the code snippet:


private void tabControlAdv1_DrawItem(object sender, Syncfusion.Windows.Forms.Tools.DrawTabEventArgs drawItemInfo)


// Use LinearGradientBrush to set gradient.

// Use GetTabRect to get the rectangle of the tabs.

if(drawItemInfo.Index != this.tabControlAdv1.SelectedIndex)


// For the non-selected tabs

lgb = new System.Drawing.Drawing2D.LinearGradientBrush(

this.tabControlAdv1.GetTabRect(drawItemInfo.Index), Color.FromArgb(197,197,173), Color.FromArgb(228,228,212), LinearGradientMode.Horizontal);




// For the selected tab

lgb = new System.Drawing.Drawing2D.LinearGradientBrush(

this.tabControlAdv1.GetTabRect(drawItemInfo.Index), Color.White, Color.WhiteSmoke, LinearGradientMode.Horizontal);


float[] positions = {0.0f, 0.05f, 0.95f, 1.0f};

float[] factors = {0.4f, 1.0f, 0.05f, 0.04f};

// Blend settings

Blend blend = new Blend();

blend.Factors = factors;

blend.Positions = positions;

lgb.Blend = blend;



// Draw the default borders and interior (text and image)




2X faster development

The ultimate WinForms UI toolkit to boost your development speed.
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon