Adding Controls on a web form ASP.Net




In our last asp.net tutorial we did successfully run asp.net website. Now, in this post we will learn how to design website form with controls.

The controls are allow to make programming, get some input from user, controls are used to make design web form and also allow to execute programming code. There are two types of controls in programming language. A Server side controls and Client side  control.


Server site asp.net controls

The server side control must have runat=’server’ attribute tag. All .net controls are server side controls where as all HTML controls are client side control.

Server Side Controls can be directly accessible from code behind programming page. The Client Side controls are not directly accessible on code behind page.We can access them with other methods.


Adding asp.net controls on  C# web forms

If we want to add some control on web page, we can use Toolbox on the left side in Visual Studio. All the server side controls are placed in Toolbox panel.

Open Toolbox and just select control drag and drop control to web form where you want. If Toolbox not visible in visual studio, got to View menu select Toolbox option to visible Toolbox in Visual Studio OR press “Ctrl + w + x” key to add Toolbox in visual studio.

View menu – > Toolbox  OR press Ctrl + w + x

Below screen display all server side controls in Toolbox.

Display server side controls in Toolbox ASP.Net

Display server side controls in Toolbox ASP.Net

 

Note : The Toolbox can only visible on .aspx design page not on .aspx.cs page.

Now, lets add some controls on web form. first add TextBox control on web form from Toolbox, just select TextBox control in Toolbox and drag and drop on web form or make double click on TextBox control it will added on web form then add Button control on web form like shows below screen.

Adding server side control to asp.net web form.

Adding server side control to asp.net web form.

The TextBox control allow user to input values and the Button control execute programming code when user click on it.

Leave a Reply

Your email address will not be published. Required fields are marked *

1 + 3 =


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">