Bunifu Flat Button
Flat modern looking buttons
Working on a flat design concept UI? Achieve stylish looking flat buttons in your UI with Bunifu Flat Buttons. You can do this at design time and at run time.
Ensure you have your form open then locate Bunifu Flat Button in your toolbox.

We will use form Load event to add the following code:
private void Form1_Load(object sender, EventArgs e)
{
var newButton = new Bunifu.Framework.UI.BunifuFlatButton();
this.Controls.Add(newButton);
}
VB.NET code
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
Dim newButton As New Bunifu.Framework.UI.BunifuFlatButton
Controls.Add(newButton)
End Sub
With above code you should see something like this:

We have three sets of custom properties
colbackground
- This property allows you to set the background color of the button (it will take effect whenever you hover the button for the first time).colhover
- This property sets the color of the button when hoveredcolselected
&Activecolor
- This property sets the color of the button when clickedNormalcolor
- This property sets the default color of the buttonOnHoverColor
- This property works the same way as colhover propertyOnHoverTextColor
- This property allows you to set the color of the text on the button when hovered
limage
orIconImage
- This property allows you to set an image on the left side of the buttonrimage
orIconimage_right
- This property allows you to set an image on the right side of the button
Visibility Properties
iconVisible
andiconRightVisible
- This property allows you to choose whether to show or hide the image on the buttoniconZoom
- This property allows you to set the zoom of the image
The sample code below show the properties in action:
C#
VB.NET
private void Form1_Load(object sender, EventArgs e){
this.bunifuFlatButton1.Normalcolor = Color.Purple;
this.bunifuFlatButton1.OnHovercolor = Color.Red;
this.bunifuFlatButton1.Activecolor = Color.Black;
this.bunifuFlatButton1.colbackground = Color.Blue;
this.bunifuFlatButton1.colhover = Color.Red;
this.bunifuFlatButton1.colselected = Color.Red;
this.bunifuFlatButton1.Activecolor = Color.Yellow;
this.bunifuFlatButton1.Iconcolor = Color.Violet;
this.bunifuFlatButton1.IconZoom = 100;
this.bunifuFlatButton1.IconRightVisible = false;
}
Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
BunifuFlatButton1.Normalcolor = Color.Purple;
BunifuFlatButton1.OnHovercolor = Color.Red;
BunifuFlatButton1.Activecolor = Color.Black;
BunifuFlatButton1.colbackground = Color.Blue;
BunifuFlatButton1.colhover = Color.Red;
BunifuFlatButton1.colselected = Color.Red;
BunifuFlatButton1.Activecolor = Color.Yellow;
BunifuFlatButton1.Iconcolor = Color.Violet;
BunifuFlatButton1.IconZoom = 100;
BunifuFlatButton1.IconRightVisible = false;
End Sub
If you did it correctly you should see something like this.

That's it!
We hope you will enjoy using Bunifu Flat Button control and that it will help you create better user experience for your users.
Should you have feedback or suggestions please send us via chat on the bottom right corner of the screen.
Last modified 3yr ago