Add icon to c # winforms control

Question

When writing in CSS, I can add an “icon” class and get what I want. A small number next to a button or tab with some style to indicate that this control expects information that needs to be verified.

There is even a message here that someone is trying to do what I want on iOS

I want to do this on WinForms either on a button or on a tab. If a simpler solution is available in WPF, I could use it instead.

Here is an image showing an example of what I want to achieve:

Answer 1

And here is the path with the Adorner static class, very fast and rather dirty.

It can add a shortcut to many controls and includes a click action, dynamic text, and code to remove the label.

Adding an icon to a button takes one line:

public Form1() { InitializeComponent(); // adorn one Button with a Badge Label: Adorner.AddBadgeTo(button1, "123"); // if you want to you can add a click action: Adorner.SetClickAction(button1, dobidoo); } // a test action void dobidoo(Control ctl) { Console.WriteLine("You have clicked on :" + ctl.Text); } 

Here is the Adorner class:

 static class Adorner { private static List<Control> controls = new List<Control>(); static public bool AddBadgeTo(Control ctl, string Text) { if (controls.Contains(ctl)) return false; Badge badge = new Badge(); badge.AutoSize = true; badge.Text = Text; badge.BackColor = Color.Transparent; controls.Add(ctl); ctl.Controls.Add(badge); SetPosition(badge, ctl); return true; } static public bool RemoveBadgeFrom(Control ctl) { Badge badge = GetBadge(ctl); if (badge != null) { ctl.Controls.Remove(badge); controls.Remove(ctl); return true; } else return false; } static public void SetBadgeText(Control ctl, string newText) { Badge badge = GetBadge(ctl); if (badge != null) { badge.Text = newText; SetPosition(badge, ctl); } } static public string GetBadgeText(Control ctl) { Badge badge = GetBadge(ctl); if (badge != null) return badge.Text; return ""; } static private void SetPosition(Badge badge, Control ctl) { badge.Location = new Point(ctl.Width - badge.Width - 5, ctl.Height - badge.Height - 5); } static public void SetClickAction(Control ctl, Action<Control> action) { Badge badge = GetBadge(ctl); if (badge != null) badge.ClickEvent = action; } static Badge GetBadge(Control ctl) { for (int c = 0; c < ctl.Controls.Count; c++) if (ctl.Controls[c] is Badge) return ctl.Controls[c] as Badge; return null; } class Badge : Label { Color BackColor = Color.SkyBlue; Color ForeColor = Color.White; Font font = new Font("Sans Serif", 8f); public Action<Control> ClickEvent; public Badge() {} protected override void OnPaint(PaintEventArgs e) { e.Graphics.FillEllipse(new SolidBrush(BackColor), this.ClientRectangle); e.Graphics.DrawString(Text, font, new SolidBrush(ForeColor), 3, 1); } protected override void OnClick(EventArgs e) { ClickEvent(this); } } } 

Note that although you can add it to most controls, not all work the same as Button . A TabControl quite difficult to decorate, since its Tabs really not Controls , but simply colored areas, therefore, like adding "close X" to it, you would have to user draw icons of all TabPages ..

Answer 2

Indeed, the easiest and best way to achieve this is to create a new custom UserControl . Just add a button and paste the text above it on the right. Then add getters and setters for the controls inside the new UserControl . Here is an get / set example for setting a button notification:

 public String ButtonNotification { get { return yourUserControlLabel.Text; } set { if (value == null || value == "") { yourUserControlLabel.Visibility = Hidden; } else { yourUserControlLabel.Visibility = Visible; } yourUserControlLabel.Text = value; } } 

Then you can set label visibility and other properties using getters / setters.

Answer 3

Here is a rough way to do this with UserControl:

 public partial class btnControl : UserControl { public Label label = new Label(); public TextBox box = new TextBox(); public btnControl() { this.label = new System.Windows.Forms.Label(); this.box = new System.Windows.Forms.TextBox(); this.SuspendLayout(); // // label // this.label.AutoSize = true; this.label.ForeColor = System.Drawing.Color.White; this.label.Location = new System.Drawing.Point(4, 7); this.label.Name = "label"; this.label.Size = new System.Drawing.Size(35, 13); this.label.TabIndex = 0; this.label.Text = "label"; // // box // this.box.Location = new System.Drawing.Point(110, 3); this.box.Name = "box"; this.box.Size = new System.Drawing.Size(31, 20); this.box.TabIndex = 1; this.box.Enabled = false; // // btnControl // this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F); this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font; this.BackColor = System.Drawing.Color.Blue; this.Controls.Add(this.box); this.Controls.Add(this.label); this.Name = "btnControl"; this.Size = new System.Drawing.Size(144, 26); this.ResumeLayout(false); this.PerformLayout(); } } 

Then put it in your form:

 private void Form1_Load(object sender, EventArgs e) { btnControl Control = new btnControl(); this.Controls.Add(Control); Control.label.Text = "Home"; Control.box.Text = "42"; } 

Gives you: