Asp.net programming we consider all important topic for knowledge about controls,web Services, JSON, Ajax, database, and interview related Question. In this Asp.net and sql server tutorial blog we give many examples of jquery as like How Play YouTube Video in Your Asp.net Website by URL, How to Play YouTube Videos in Asp.net by using Jquery , Jquery Change div background on mouseover in asp.net , JQuery UI Datepicker (Calendar) etc.

Tuesday, February 21, 2017

Create an HTML button on runtime in Asp.net using C

How to create an HTML button on runtime in Asp.net using C#:

HTML button on runtime in Asp.net using C#:

Creating a button control by using the drop down functionality is very easy and simple. Also, adding its various properties include – text, style, width, height, weight, events are too simple. But, when the thing is about creating it dynamically. Most developers get nervous and confused. So, here we tried something that may help you out with this query.

 Html Button control dynamically steps by step.


Step-1: Create a New Empty Asp.net Web site. Add a Web Form (Html_Button_Display_Runtime.aspx).
Step-2: Press F7 on the web form. To write server side coding.
Step-3: This step is all about the creation of Html Button control dynamically.
Step-4: This step will tell us how to declare Text property of a button and also how to put CSS (i.e. styling) on Button Text.
Step-5: This step will tell us how to put CSS (i.e. styling) on Html Button.
Step-6: This step will tell us how to add a button click event handler.
            (I): Adding Button click Event Handler
            (II): Adding Button click Event Definition
Step-7: Last step is the most necessary step. This will add/bind the Html Button control on the Page.


Practical Implementation:

View code (Html_Button_Display_Runtime.aspx.cs)

using System;
using System.Web.UI.HtmlControls;

public partial class Html_Button_Display_Runtime : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        /*Step-3: Creating Html Button Control*/
        HtmlButton btn1 = new HtmlButton();

        /*Step-4: Applying CSS (i.e. styling) on Button Text*/
        btn1.InnerHtml = "<strong><font style='color: #808080; font-size:20px;'>Html Button Clicked</font></strong>";   /*----> Changing style for text*/

        /*Step-5: Changing style on Html Button control*/
        btn1.Style.Add("background-color""black");
        btn1.Style.Add("font-weight""bold");
        btn1.Style.Add("color""white");
        btn1.Style.Add("width""150px");
        btn1.Style.Add("height""60px");

        /*Step-6(I): Adding Button click Event Handler*/
        btn1.ServerClick+=new EventHandler(btn1_ServerClick);

        /*Step-7: Adding Html Button control to Page*/
        Page.Controls.Add(btn1);               
    }

    /*Step-6(II): Adding Button click Definition*/
    protected void btn1_ServerClick(object sender, EventArgs e)
    {
        Response.Write("<script>alert('Button pressed!')</script>");
    }
}

Debug (CTRL+SHIFT+B) or (F6) the code to check for any compile time error. If not, run the Application by pressing (CTRL+F5). You’ll get your output like this



Related Post of Asp.net And Html :

No comments:

Post a Comment