The Bunifu Gradient Panel control is designed to blend-in the beauty of colors into the appearance of your interfaces by applying various gradient-color-mixes. Those beautifully-aligned gradients you often see on the Internet can easily be mimicked with Bunifu's Gradient Panel. You can add gradients at design-time or runtime.

Here's a quick preview of the Gradient Panel and some sample illustrations:
(The GIF previews may not be as clear but illustrate the features)

Usage

Adding a Bunifu Gradient Panel on a Form at Design-time

Simply locate Bunifu Gradient Panel in your toolbox and drag it to your form. After that we shall customize using custom properties as it will be elaborated later in this article. 

Adding Bunifu Gradient Panel on a Form via Code

Adding Bunifu Gradient panel at run-time is easy. We will link the Load event to our form by double-clicking on it and add the following code

[C#]

var panel = new Bunifu.Framework.UI.BunifuGradientPanel();
panel.Location = new Point(20, 20);
panel.Size = new Size(200, 200);

this.Controls.Add(panel);

[VB.NET]

Dim panel As New Bunifu.Framework.UI.BunifuGradientPanel
panel.Location = New Point(20, 20)
panel.Size = New Size(200, 200)

Controls.Add(panel)

Because we're creating a new Bunifu Gradient Panel control via code, we will need to set its Location  and Size before adding it to our Form.

Here's an illustration of the above process in action:

Properties

  • GradientBottomLeft  - This property allows you to set the bottom-left gradient color of our panel.
  • GradientBottomRight - This property allows you to set the bottom-right gradient color of our panel.
  • GradientTopLeft - This property allows you to set the top-left gradient color of our panel.
  • GradientTopRight - This property allows you to set the top-right gradient color of our panel.

These properties can also be set at design-time from the Properties window by simply selecting our Gradient Panel and scrolling down the Properties window. 

The default color for the properties is white and by setting colors you simply achieve nice backgrounds instantly as shown below.

  • Quality -  this property allow you to set the quality or richness of the gradient. In this example we have set the quality to 10.

That's it!

We hope you will enjoy using Bunifu Gradient Panel 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.

Did this answer your question?