Bunifu Gradient Panel

Bunifu Framework Docs

Home Pricing FAQs My Account

Search…

Introduction

Getting started

BUNIFU CHARTS

BUNIFU DATAVIZ [Deprecated]

Basic Charts [Deprecated]

Advanced Charts [Deprecated]

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

Bunifu Form Resize Icon

Bunifu Icon Button

Last modified 2yr ago

Copy link

On this page

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

Adding Bunifu Gradient Panel on a Form via Code

Properties

GradientBottomLeft

GradientBottomRight

GradientTopLeft

GradientTopRight

Quality

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

Adding Bunifu Gradient Panel on a Form via Code

Properties

`GradientBottomLeft`

`GradientBottomRight`

`GradientTopLeft`

`GradientTopRight`

`Quality`