Code360 powered by Coding Ninjas X Naukri.com. Code360 powered by Coding Ninjas X Naukri.com
Last Updated: Mar 27, 2024
Difficulty: Easy

C# Button Control

Leveraging ChatGPT - GenAI as a Microsoft Data Expert
Speaker
Prerita Agarwal
Data Specialist @
23 Jul, 2024 @ 01:30 PM

Introduction

In the C# WinForms application, we use buttons whenever we need to perform operations like save, cancel, search, etc. Buttons are used in almost every window form. We can also add events like user click on the button, which fulfills the sole purpose of a button. Whenever we click a button, then we want to perform some actions. This is done by adding events to the buttons. We can also change the way a button appears in our window form. We will learn to do all these in this article. So buckle up, and let's know to add and edit a button in our window form.

Recommended topics, Palindrome in C#, singleton design pattern in c#, and  Ienumerable vs Iqueryable

Add a button control to your form

You can add a button in your form using just drag and drop. You can drag the button from the toolbox to your form. Then you can change the button's name to 'btnMain.' Once you have added the button, it looks something like this.

Source

Once a button is added to your form, you can move or resize it easily.

Get the tech career you deserve, faster!
Connect with our expert counsellors to understand how to hack your way to success
User rating 4.7/5
1:1 doubt support
95% placement record
Akash Pal
Senior Software Engineer
326% Hike After Job Bootcamp
Himanshu Gusain
Programmer Analyst
32 LPA After Job Bootcamp
After Job
Bootcamp

Button control properties

We have discussed some important button control properties which we think you should know.

Name

It is the name of a button control or its identifier. We can name the button anything, but it's a good practice to name it with the prefix "btn." For example, a cancel button can be named as btnCancel.

Text

This property is the text you want to display on your button. In the below-given example, we can see that the "Save" text is shown on the button. The text property sets this.

Source

To dynamically change the text property, we can use the below-given code.

private void frmMain_Load(object sender, EventArgs e)
    {
        btnSave.Text = "Save";
    }

Font

This property changes the font of the text on the button control. To change the font of the button control, right-click on that button and click on 'Properties.' Now scroll down and reach the font properties. You can change the font of the text as desired, like boldness, size, font family, etc. The below-given image shows the available options to change the font.

Source

We can also change the font programmatically using the below-given code.

button1.Font = new Font(button1.Font.FontFamily, 33);

Background color

When we want to change the background color of the button, then we can use the BackColor property. We have taken an example to explain its working. Let's change the background color of a button named button1 to aqua. We can use the below-given code to perform this task.

button1.BackColor = Color.Aqua;

When the above code is executed, then we get button1 something like this:

 

Source

Button Control Events

Every time you interact with a button, you expect it to perform some task. Now, where would you write the code for the functions to be performed? We will discuss the two most widely used button control events in this article and explain how to use them. The first button control event that we will discuss is the button click event, and the second is the button mouse enter event. So, let's begin with it.

Button click event

The button click event is the most used event of button control. In this, we perform some functionality when the user clicks on the button. We use _Click event, which is an in-built event. First, we need to write the button's name and then write _Click. Suppose the button's name was btnSave, then we can create a method using btnSave_Click. Below given is the code to perform some functionality on button click.

private void btnSave_Click(object sender, EventArgs e)
      {
          // Code to perform some functionality
      }

Button mouse enter event

You may have observed that whenever you enter the mouse pointer into a button, the background color of the button is changed. This functionality is implemented using the button mouse enter event. We have given a code to change the background and foreground color of the save button when the mouse pointer enters the button.

private void btnSave_MouseEnter(object sender, EventArgs e)
      {
          btnSave.BackColor = Color.Green;
          btnSave.ForeColor = Color.White;         
      }

The effect of the above code can be seen in the below-given gif.

Source

FAQs

What is the use of Button control?

Button control is used to perform events like button click, mouse enter, mouse hover, etc. Along with this, it can also be used to change the button's properties.

How can we change the properties of a button?

After adding a button, right-click on the button and click on properties. We can change multiple properties of the button that we selected, like font, background color, etc.

How to change the background color of a button?

The background color of a button can be changed using the properties menu or code to change the background color dynamically.

button1.BackColor = Color.Aqua;

This code can change the background color of button1 to aqua.

What is the difference between a button click event and a button mouse enter event?

In the button click event, the code gets executed only when the button is clicked, but in the button mouse enter event, the code gets executed as soon as the mouse pointer enters the button.

What is the button mouse leave event?

The button mouse leave event is the same as the button mouse enter event. The only difference is that the code gets executed only when the mouse pointer leaves the button in this. It can be used as

private void button1_MouseLeave(object sender, EventArgs e)
{
      // code goes here
}

In this code, the code between the braces gets executed when the mouse pointer leaves the button1.

Conclusion

In this article, we have extensively discussed C# Button Control.

We hope that this blog has helped you enhance your knowledge regarding C# Button Control and if you would like to learn more, check out our articles on  

Refer to our carefully curated articles and videos and code studio library if you want to learn more. Refer to our guided paths on Coding Ninjas Studio to learn more about DSA, Competitive Programming, JavaScript, System Design, etc. Enroll in our courses and refer to the mock test and problems available. Take a look at the interview experiences and interview bundle for placement preparations.

Do upvote our blog to help other ninjas grow.

Happy Learning!!!

Topics covered
1.
Introduction
2.
Add a button control to your form
3.
Button control properties
3.1.
Name
3.2.
Text
3.3.
Font
3.4.
Background color
4.
Button Control Events
4.1.
Button click event
4.2.
Button mouse enter event
5.
FAQs
5.1.
What is the use of Button control?
5.2.
How can we change the properties of a button?
5.3.
How to change the background color of a button?
5.4.
What is the difference between a button click event and a button mouse enter event?
5.5.
What is the button mouse leave event?
6.
Conclusion