HomePricingFAQsMy Account

Bunifu Gradient Panel

Add awesome gradient theme colors to your interfaces

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)

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

var panel = new Bunifu.Framework.UI.BunifuGradientPanel();
panel.Location = new Point(20, 20);
panel.Size = new Size(200, 200);this.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.

PreviousBunifu Form Resize IconNextBunifu Icon Button

Last updated