468
Chapter 10 • Developing Web Applications
Exercise 10.2 Adding Web Controls to a Web Form
In this exercise, we first create a Web form and place four controls in it.Then we
take a close look at the code, and finally we examine the different types of con-
trol available. Use the same Web form that we created in Exercise 10.1.
1. Open the Web application project.
2. In the Web form, delete the Hello World text.
3. Place some controls on the form: two label controls, one text box con-
trol, and a button control.
4. Place a label control that contains the heading of our application and set
the following properties using the Properties dialog box:
Text: Customer Order Details
Font-Size: X-Large
ID: lblCustomerOrder
5. Select the design surface and press Enter.Then place another label con-
trol on the form by setting the following properties:
Text: Customer ID
ID: lblCustomerID
6. Place a text box control next to the second label control and set its
properties to:
Text: “” (empty)
ID: txtCustomerID
7. Press Enter and then place a button control and change its 
properties to:
Text: Get Order Details
ID: cmdGetDetails
After placing the controls, your Web form should resemble Figure
10.3.
8. Save the Form (Ctrl+S) and let’s test the form we created. Press F5 to
run the application.Visual Studio builds the Web form and invokes
Internet Explorer, as shown in Figure 10.4.
When you click the button, nothing happens.That’s because we haven’t added
any code.Actually, when you click the button, the browser sends a request to the
server with the entire user entered data; this process is called form submission.You
might not notice this process if your local machine is the Web server because the
www.syngress.com
CD Exec.
10.2
Pdf change page order online - re-order PDF pages in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Customizing Page Order of PDF Document in C# Project
switch page order pdf; change page order in pdf reader
Pdf change page order online - VB.NET PDF Page Move Library: re-order PDF pages in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Sort PDF Document Pages Using VB.NET Demo Code
how to move pages around in pdf; how to move pages in pdf acrobat
Developing Web Applications • Chapter 10
469
response is quick.Try entering something in the text box and click the button;
you can see that the text you entered persists in the form submission.Web forms
do this for us without writing any code. In classic ASP, user-entered data does not
persist in form submission and we have to write code to do this.
Now let’s see the code of the Web form. In the VS.NET IDE, click the
HTML button below the design surface to view the HTML code.The Web
www.syngress.com
Figure 10.3
A Web Form with Controls
Figure 10.4
Viewing Web Form Controls Using a Browser
VB.NET Word: Change Word Page Order & Sort Word Document Pages
Note: if you are trying to change the order controls, please read this Word reading page which has powerful & profession imaging controls, PDF document, image
move pages in pdf online; reorder pages in pdf online
C# Word - Process Word Document in C#
For example, you may change your Word document order from 1, 2, 3, 4, 5 to 3, 5, 4, 2,1 with C# coding. C#.NET: Extracting Page(s) from Word.
how to move pdf pages around; change page order in pdf online
470
Chapter 10 • Developing Web Applications
form code generated by IDE will look familiar to an ASP developer. Here is the
code generated by IDE:
<%@ Page Language="vb" AutoEventWireup="false" 
Codebehind="WebForm1.aspx.vb"
Inherits="Chapter10.WebForm1"%>
<html>
<head>
<meta name="GENERATOR" content="Microsoft Visual Studio.NET
7.0">
<meta name="CODE_LANGUAGE" content="Visual Basic 7.0">
</head>
<body>
<form id="WebForm1" method="post" runat="server">
<p>
<asp:Label id=lblCustomerOrder runat="server" Font-Size="X-
Large">
Customer Order Details
</asp:Label>
</p>
<p>
<asp:Label id=lblCustomerID  runat="server">
Customer ID
</asp:Label>
<asp:TextBox id=txtCustomerID runat="server"></asp:TextBox>
</p>
<p>
<asp:Button id=cmdGetDetails runat="server" 
Text="Get Order Details"></asp:Button>
</p>
</form>
</body>
</html>
www.syngress.com
C# PDF File & Page Process Library SDK for C#.net, ASP.NET, MVC
Convert Jpeg to PDF; Merge PDF Files; Split PDF Document; Remove Password from PDF; Change PDF Permission Settings. C# File: Split PDF; C# Page: Insert PDF pages
how to move pages in a pdf; reordering pages in pdf document
C# PowerPoint - Sort PowerPoint Pages Order in C#.NET
control, developers can swap or adjust the order of all or several PowerPoint document pages, or just change the position of certain one PowerPoint page in an
rearrange pages in pdf reader; move pages in pdf reader
Developing Web Applications • Chapter 10
471
Let’s go through the code. Ignore the following first line for now; we will 
discuss it later:
<%@ Page Language="vb" AutoEventWireup="false" 
Codebehind="WebForm1.aspx.vb"
Inherits="Chapter10.WebForm1"%>
The next few lines contain the header information and metatags of the
HTML page.After that is the form tag. Observe the runat clause at the end:
<form id="WebForm1" method="post" runat="server">
The runat clause tells .NET that this is a Web control and will expose the
form events.You might have noticed that the action attribute is missing here. If
the action attribute is missing, the form posts to itself—that is, to the same page.
So, in ASP.NET, all the forms post to themselves. Now let’s see the code for the
controls you have placed in the form. First observe the heading label:
<asp:Label id=lblCustomerOrder runat="server" Font-Size="X-
Large">
Customer Order Details
</asp:Label>
asp:Label says that it is a label control in the ASP namespace.All the controls
available in ASP.NET are under the ASP namespace and have a runat clause.
Unlike HTML,ASP.NET is strict with closing tags. All the opened tags must be
closed; otherwise,ASP.NET generates a compile error.As mentioned earlier, all
the Web form controls render themselves as HTML to the client. So if you view
the HTML source in the browser, you will see pure HTML code. Let’s see the
HTML code returned by the Web server:
<html>
<head>
<meta name="GENERATOR" content="Microsoft Visual Studio.NET
7.0">
<meta name="CODE_LANGUAGE" content="Visual Basic 7.0">
</head>
<body>
<form name="WebForm1" method="post" 
action="Webform1.aspx" id="WebForm1">
<input type="hidden" name="__VIEWSTATE" 
www.syngress.com
C# Word - Sort Word Pages Order in C#.NET
library control, developers can swap or adjust the order of all or several Word document pages, or just change the position of certain one Word page in an
reorder pages in pdf; how to rearrange pages in pdf document
VB.NET PDF File & Page Process Library SDK for vb.net, ASP.NET
page from PDF file and changing the position, orientation and order of PDF file into two or small files, you may refer to this online guide. PDF Page inserting.
move pages in pdf acrobat; pdf reverse page order online
472
Chapter 10 • Developing Web Applications
value="YTB6MTk1NDExNjQxNl9fX3g=e92c2469" />
<p>
<span id="lblCustomerOrder" style="font-size:X-Large;">
Customer Order Details
</span>
</p>
<p>
<span id="lblCustomerID ">Customer ID</span>
<input name="txtCustomerID" type="text" id="txtCustomerID"/>
</p>
<p>
<input type="submit" name="cmdGetDetails" 
value="Get Order Details" id="cmdGetDetails"/>
</p>
</form>
</body>
</html>
Notice the form tag generated by the Web form.This tag has an action
attribute and its value is the current name of the page, thus posting to itself.
Under the form tag, observe the hidden field:
<input type="hidden" name="__VIEWSTATE" 
value="YTB6MTk1NDExNjQxNl9fX3g=e92c2469" />
ASP.NET uses this field to maintain the state across the page submission. As
you’ll recall, the text you entered in the TextBox persisted after the page submis-
sion.You can use this state management to store values similar to the Session
variables. Classic ASP uses Session variables to store State across pages. (A detailed
discussion of this topic is beyond the scope of this chapter.) All the label controls
placed in the form rendered themselves to a span tag.TextBox and button con-
trols rendered into the HTML input tag.Web forms generate HTML, so they can
be viewed in any browser.
Now let’s write some code. If the button is clicked, we set the text in the
TextBox to Button is clicked. In order to write code for the Click event, in the
VS.NET IDE design, double-click the button control to open the code window.
Observe that a new window is opened and your cursor is positioned inside the
www.syngress.com
VB.NET PDF Password Library: add, remove, edit PDF file password
On this page, we will illustrate how to protect PDF document via password by using Change PDF original password. VB.NET: Necessary DLLs for PDF Password Edit.
how to reverse pages in pdf; how to move pages in pdf
C# PDF Password Library: add, remove, edit PDF file password in C#
Able to change password on adobe PDF document in C# in C# project, XDoc.PDF provides some PDF security settings. On this page, we will talk about how to achieve
change pdf page order; how to move pages in a pdf file
Developing Web Applications • Chapter 10
473
cmdGetDetails_Click function. For now, ignore the rest of the code and write
the following code to set the text of the TextBox:
txtCustomerID.Text = "Button is clicked"
Compile the program, run it in the browser, and click the button.You see
that the text in the TextBox is changed to what we have entered in the code.
Code Behind
Before going into the VB code, let’s revisit the first line in the Web form:
<%@ Page Language="vb" AutoEventWireup="false" 
Codebehind="WebForm1.aspx.vb"
Inherits="Chapter10.WebForm1"%>
This is called a page directive, and it tells the compiler that the language used in
this page is Visual Basic, its code is found in the file WebForm1.aspx.vb under the
same folder, and this page is inherited from Chapter10.WebForm1. If you see files
in the physical directory under the Web server, you will notice a Visual Basic file
called WebForm1.aspx.vb.This file is named the same as the filename of the Web
form with a VB extension.When you compile your Web form,Visual Studio actu-
ally compiles this file into an assembly (.DLL) under the bin directory of the Web
application on the Web server. If you check the bin directory of your application
on your Web server, you will see the DLL. In our case, you will find Chapter10.dll
under C:\Inetpub\wwwroot\Chapter10\bin.This DLL contains the namespace
Chapter10 (the name of our Web application) and all the Web forms in our appli-
cation as classes inside this namespace.This structure restricts the usage of the same
filename for the Web form, even though the files are in different folders.This
technique is called code behind because code is behind the form.
Now let’s see the Visual Basic code for this form.The first few lines import
different namespaces commonly used in the ASP.NET. Of these namespaces, we
require System.Web.UI and System.Web.UI.WebControls because they contain
the page and Web control APIs:
Imports System
Imports System.ComponentModel.Design
Imports System.Data
Imports System.Drawing
Imports System.Web
Imports System.Web.SessionState
www.syngress.com
474
Chapter 10 • Developing Web Applications
Imports System.Web.UI
Imports System.Web.UI.WebControls
Imports System.Web.UI.HtmlControls
Imports Microsoft.VisualBasic
After the imported namespaces, there is a declaration of class for our Web
form; this class must inherit from the Page object, thereby exposing the Page
properties and events.Then we have declarations of all the controls placed on the
form with the WithEvents clause so that they can expose their events:
Public Class WebForm1
Inherits System.Web.UI.Page
Protected WithEvents cmdGetDetails As
System.Web.UI.WebControls.Button
Protected WithEvents txtCustomerID As
System.Web.UI.WebControls.TextBox
Protected WithEvents lblCustomerID As
System.Web.UI.WebControls.Label
Protected WithEvents lblCustomerOrder As
System.Web.UI.WebControls.Label
Observe the hidden region. (This is similar to what you see in Windows form
code.) The hidden region is where Visual Studio places the generated code.You
shouldn’t modify this code:
#Region " Web forms Designer Generated Code "
'This call is required by the Web form Designer.
<System.Diagnostics.DebuggerStepThrough()> _
Private Sub InitializeComponent()
End Sub
Private Sub Page_Init(ByVal sender As System.Object, _
ByVal e As System.EventArgs) Handles MyBase.Init
'CODEGEN: This method call is required by the Web 
form Designer
'Do not modify it using the code editor.
www.syngress.com
Developing Web Applications • Chapter 10
475
InitializeComponent()
End Sub
#End Region
After this hidden region, we have all the events exposed by the Web form.
Here you see the code we wrote for the Button Click event.The WebForm1_Load
event is similar to the form Load event, and the WebForm1_Init event fires when
the page is initialized.This is the first event in the page’s life cycle; after that, the
load event triggers and is followed by events of the controls in the form. Other
events such as PreRender and UnLoad trigger in the form life cycle. Apart from
these events, more than a dozen events in Global.asax trigger for every request to
a Web form. Covering them is beyond the scope of this chapter:
Private Sub cmdGetDetails_Click(ByVal sender As
System.Object, _
ByVal e As System.EventArgs) Handles
cmdGetDetails.Click
txtCustomerID.Text = "Button is clicked"
End Sub
Private Sub Page_Load(ByVal sender As System.Object, _
ByVal e As System.EventArgs) Handles MyBase.Load
'Put user code to initialize the page here
End Sub
Similar to the events in the Windows forms, every event delegate in Web
forms has two arguments: the sender of the event (in the Button Click event, the
sender is the button) and an instance of the class that holds data for the event.
The Handles keyword attaches this procedure to the object declared using the
WithEvents keyword. Because the sender contains the object that triggered the
event, it is used to get or set the object properties.The second parameter is used
to retrieve other data associated with the event—for example, an ImageButton
Control Click event contains X and Y coordinates where a user clicked.
So far, we have seen a Web form with some Web controls. In the next sec-
tion, we look at various types of control available in Web forms. Before that, we
see how Web form controls differ from Windows form controls.
www.syngress.com
476
Chapter 10 • Developing Web Applications
How Web Form Controls Differ 
from Windows Form Controls
Web form controls are similar to Windows form controls.They both have event-
driven programming models.The main difference between them is that Web form
controls generate HTML to the user, whereas Windows controls take advantage of
rich user features available in the Microsoft Windows operating system.
In Windows form controls, events are raised and handled on the client side
only, whereas in Web form controls, the events are raised on the client browser
but they are handled on the Web server. Because of this model,Web form con-
trols have fewer events than their counterparts.
ASP.NET Server Controls
Web form server controls are broadly classified into four categories: intrinsic con-
trols, bound controls, custom controls, and validation controls. Intrinsic controls are
those controls that can render themselves to equivalent HTML elements. Bound
controls help us lay out a page in a grid or list format with data returned from a
database. Custom controls are the rich controls that are not available in HTML,
such as the calendar control. Finally, Microsoft provided validation controls to 
validate user inputs.The following sections examine each control type in detail.
Intrinsic Controls
In Exercise 10.2, we used three controls: label, text box, and button.All three
controls rendered HTML to the client, so these controls are intrinsic controls.
There are several other intrinsic controls besides these. For those of you who
have worked with ASP previously, you know that for a text box you would write
HTML as follows:
<input type="text" name="txtCustomerID" id="txtCustomerID">
www.syngress.com
Web Form Deployment
Deploying a Web form involves simply copying the .ASPX file and DLL in
the bin directory to their destinations. The DLL file should always be in
the bin directory.
Developing & Deploying…
Developing Web Applications • Chapter 10
477
In the previous exercise, you noticed that the equivalent of this code in
ASP.NET controls is:
<asp:TextBox id=txtCustomerID runat="Server">
There is another way of creating a server control, simply add a runat clause to
the HTML:
<input type="text" name="txtCustomerID" 
id="txtCustomerID" runat="server">
Adding the runat clause to the HTML element makes this a server control.
ASP.NET exposes all of the events of this control.These controls are called HTML
server controls.All of the HTML server controls are derived from the namespace
System.Web.UI.HtmlControls.ASP server controls and HTML server controls
behave in exactly the same manner.The main difference between these controls is
that ASP Server controls detect the browser and generate the appropriate HTML
(HTML 3.2 or HTML 4.0), whereas with HTML controls, you have to write
code for browser detection if you want to take advantage of the upper-level
browser. For this reason,ASP.NET server controls have a richer object model than
HTML server controls. In this chapter, we use ASP server controls only.Table 10.1
shows the various ASP.NET intrinsic controls and their HTML equivalents.
Table 10.1
ASP.NET Controls and Their Corresponding HTML Elements
Intrinsic Controls
HTML Element
Label
<span> … </span>
TextBox
<input type=”text”>
Button
<input type=”Submit”>
LinkButton
<a href=”javascript:form.submit()”>
ImageButton
<input type=”image”>
HyperLink
<a href=””>
DropDownList
<select> .. </select>
ListBox
<select size=””> .. </select>
CheckBox
<input type=”checkbox”>
RadioButton
<input type=”radio”>
Image
<img>
Panel
<div> ..</div>
Table
<table>… </table>
www.syngress.com
Documents you may be interested
Documents you may be interested