Part I Fundamentals in Visual C#.NET

Printer QR in Visual C#.NET Part I Fundamentals

. 1 . . In Visual Studio, create a new Empty ASP .NET Web site project to experiment with controls . Call the Web site ControlsORama, as shown here:

2 . . Add a default page by right-clicking the project node, and selecting Add, New Item . Select WebForm from the available templates shown by Visual Studio, and make sure the form is named Default .aspx . Visual Studio starts you off editing the markup in the Default .aspx file . If you don t see the page layout in Design mode, switch to the Design view as shown here by clicking the Design tab near the bottom of the editing window:

The ASP .NET code generated by Visual Studio includes an HTML <div> tag in the body of the page . To see the code generated by Visual Studio as you modify elements in the Designer, click the Source tab near the bottom of the design window . Visual Studio also now includes a handy Split tab that you can use to see both the Design and Source views at the same time . If you simply start typing text into the Design view pane, you will see some text at the top of the page . The following graphic illustrates the Design view with some text inserted . To insert the text, click inside the box with the dashed blue border and type Page . in .Visual .Studio .

3 . . To edit the format of the text on the page, you need to view the page s properties . Highlight the text, right-click the text, and click Properties . Then, highlight the Style property in the Properties pane . A small button with an ellipsis ( . . . ) appears in the Property field . Click the button to open the Modify Style dialog box . The Modify Style dialog box is where you can set the attributes for the <div> tag including the font style and size . The following graphic shows the Modify Style dialog box . Select the FontFamily, Font-Size, and Font-Weight values that you see in the graphic, and then click OK .

4 . . Click the Toolbox tab on the far left side of the Visual Studio window to open the Toolbox, as shown in the following graphic:

5 . . Insert a line break tag (<br/>), drag a label from the Toolbox onto the page, and then select it as shown in the following graphic . (Notice how the Visual Studio 2010 Designer adorns the label with a small tag right above it, which helps you identify the label in the Designer when you select it .)

6 . . To edit the content of the label, you need to view the properties of the control . If the properties aren t showing, right-click the label and click Properties on the shortcut menu . The following graphic shows the Properties pane:

You can now manipulate the appearance of the label to your liking . The example label here uses a small Times New Roman font, and the text in the label is Type .in .me: . . 7 . . Add a text box .next by dragging a TextBox from the Toolbox and positioning it next to the Label . After the TextBox, insert a line break tag (<br/>) .

8 . . Next, add a DropDownList box by dragging it out of the Toolbox and placing it on the page . The following graphic illustrates the drop-down list as it appears in the Designer:

As soon as you drop the control on the page, Visual Studio offers you the opportunity to add items to the DropDownList by using the shortcut menu that appears . Click Edit Items on the DropDownList Tasks menu to open the ListItem Collection Editor dialog box, as shown in the following graphic:

Each time you click the Add button, the ListItem Collection Editor adds a new item to the DropDownList item collection . After adding and selecting an item, you can edit the display name (the Text property) . You can add a corresponding value to associate with