How to add a badge to a tabpage in a tabcontrol

Denis Morgan

I need to add a badge to a tab control at the top right corner. I have tried this and came up with this class

public class BadgeUtil
{
private static List controls = new List();
static public bool AddBadgeTo(Control ctl, string Text,int y,int x)
{
if (controls.Contains(ctl)) return false;
Badge badge = new Badge();
// badge.AutoSize = true;
badge.Size = new Size(20, 20);
badge.Text = Text;
badge.BackColor = Color.FromA#ff8040;
controls.Add(ctl);
ctl.Controls.Add(badge);
SetPosition(badge, ctl,x,y);
return true;
}
static private void SetPosition(Badge badge, Control ctl,int x,int y)
{
badge.Location = new Point(x,
y);
}
class Badge : Label
{
Color BackColor = Color.SkyBlue;
Color ForeColor = Color.White;
Font font = new Font("Sans Serif", 9f);
public Action ClickEvent;
public Badge() { }
protected override void OnPaint(PaintEventArgs e)
{
e.Graphics.FillEllipse(new SolidBrush(Color.FromA#ff0000),
this.ClientRectangle);
e.Graphics.DrawString(Text, font, new SolidBrush(ForeColor), 3, 1);
}
protected override void OnClick(EventArgs e)
{
ClickEvent(this);
}
}
}

and used this way

BadgeUtil.AddBadgeTo(tabPage3, "3",0,120);

which is resulting to this un desired output. I would like my badge to be position on the blue circle of the tab control as shown in this image not where the badge is positioned.

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Denis Morgan5y ago
@Sachin Singh your solution will just add a label to the tabpage
Denis Morgan5y ago
@Sachin Singh I want to add a badge(Label) not image
Sachin Singh5y ago
@Denis
if you want to add icon to tabs then you can follow my approach.
Denis Morgan5y ago
@Sachin Singh I dont understand your solution as per my post
Sachin Singh5y ago
Do like this
public void Form1()
   {
       InitializeComponent();

       // initialize the imagelist
       ImageList imageList1 = new ImageList();
       imageList1.Images.Add("key1", Image.FromFile(@"C:\path\to\file.jpg"));
       imageList1.Images.Add("key2", Image.FromFile(@"C:\path\to\file.ico"));

       //initialize the tab control
       TabControl tabControl1 = new TabControl();
       tabControl1.Dock = DockStyle.Fill;
       tabControl1.ImageList = imageList1;
       tabControl1.TabPages.Add("tabKey1", "TabText1", "key1"); // icon using ImageKey
       tabControl1.TabPages.Add("tabKey2", "TabText2", 1);      // icon using ImageIndex
       this.Controls.Add(tabControl1);
   }

How to add a badge to a tabpage in a tabcontrol

@Sachin Singh I want to add a badge(Label) not image