Button Control in ASP.Net

    Button Control in ASP.Net web server control, button control is used to display a simple push button on a web page. We can display a simple push button on the web page by adding Button Control to the web page. has three types of Button: –

    Types of Button Control in ASP.Net

    1. Simple push button – Simple Push Button displays text on Button Control.
    2. Link button – Link button displays text that looks like a link or hyperlink.
      LinkButton </ asp: LinkButton>
    3. Image button – Image Button displays an image on a button control.

    The main two events in these three Button are Click and Command event. By default there are click events in Button. Here we will understand all three button controls with an instance.

    ASP. Button Control example in Net

    Step 1 – Open Visual Studio -> Create a new blank web application.

    Step 2 – Create a new web page for the display button on it.

    Step 3 – Drag and drop the button control on the web page from the toolbox.

    Step 4 – Set the text property of the button control.

    Step 5 – Set the PostBackUrl property to redirect the second page.

    Step 6 – To write the code on the button control, go to the click event of button control.

    All three buttons have a click event to write server side code (C #, VB) in ASP.NET. All server side control has its own properties and events. Button control properties are shown in the list below.

    Properties Description
    ID identification name of textbox control
    Text It is used to display text in a control.
    Backcolor This is used to set the background color of the textbox control.
    Forcolor This is used to set the control’s text color.
    ToolTip When the mouse is over the text, it displays the text on the control.
    TabIndex This is used to manage the tab order of the control.
    CssClass This is used to apply style to the control.
    Enable true / false – This is used to enable or disable control.
    Enable Theming true / false – This is used to enable or disable the theme’s effect on control.
    CausesValidation true / false – This is used to enable or disable the effect of validation on control
    Visible true / false – This is used to hide or hide the control on a web page.

    Important properties of Button control

    CommandArgument A string value is passed behind the code when the button command event is fired.
    Commandname A string value is passed behind the code when the button command event is fired.
    OnClientClick JavaScript function name or any client-side script code function name.
    PostBackUrl The URL of the page is redirected by clicking on the button.
    For Image Button
    ImageUrl Set the image path to display the image on the Image Button control.
    AlternateText Alternate text will be displayed when the image cannot be displayed on the web page.

    asp net button control properties

    Button Control Events

    Events Description
    Click Button Click event occurs when button control is clicked.
    First click eventHandler is executed, after that the command handler is executed.
    Command Button Command event occurs when button control is clicked.

    Button Click and Command events are both the same. The only difference is that in Command we can pass the command name and the command argument. For example, we have two control buttons, both calling the same command event, we can identify which button is clicked by reaching their command name, because we have different command names for both buttons. Assign.

    The design of the web form with Button Control and Label Control looks like the screen below. To display the message on the label control in, type the code as follows in the button click event: –

    protected void btnlogin_Click(object sender, EventArgs e)
    Label1.Text = "welcome";

    asp net button control example

    What is Email and email history

    Recent Articles

    Related Stories

    Leave A Reply

    Please enter your comment!
    Please enter your name here

    Stay on op - Ge the daily news in your inbox