iLab 2 of 7: User Input Web Pages Scenario/Summary In this lab, we will demonstr

Question

iLab 2 of 7: User Input Web Pages Scenario/Summary In this lab, we will demonstrate how to create an ASP.NET web application having a single form with five text boxes and a Submit button. We will use the form to send information to a second form where data from the first form will be displayed. We will also add a main navigation page with two different ways of linking to other pages. Deliverables All files are located in the subdirectory of the website. The website should function as follows: When you run the website, you will be presented with a page (frmMain) that allows you to go to the different parts of the website you are developing. You will be able to go to the annual salary calculator we added last week and to the data entry form for personnel this week. When you go to the personnel data entry page you should be able to enter data in the frmPersonnel form and have it displayed in the frmPersonnelVerified form. Your salary calculator will also be available from the main page and will calculate properly when you enter data. Each page should link back to the main page via the CoolBiz logo hyperlink. Once you have verified it works, save your website, zip up all files, and submit in the Dropbox. Each page (except frmMain) will include the CoolBiz logo that is hyperlinked back to frmMain. i L A B S T E P S STEP 1: frmPersonnel (10 points) Back to top Open the payroll system website from Lab 1. Create a new form called frmPersonnel. To do this, pull down the website menu, select "Add New Item," then type frmPersonnel.aspx for the name. Click on image to enlarge. AddPersonnel Form: Image AddPersonnel Form Go to the Design mode of the form by clicking the Design tab (as opposed to the Source tab). Copy/paste this text for the CoolBiz Productions, Inc. logo onto the form at the very top. Set the alignment to center by highlighting the text then clicking Format, Justify, Center. You can switch to Source view and add the following HTML to create the logo: CoolBiz Productions, Inc. From the ToolBox, drag-and-drop a Panel control underneath the logo text. Click the A/Z button in the Properties dialog so that all the properties are sorted alphabetically. Change the height property of the Panel to 250px and the width to 300px. To do this, select the Panel, then go to the Properties pane (usually in the lower right corner of the Visual Studio.NET Design view; if you don't see it, click View Properties Window OR press the F4 key). Scroll down the list, then type the value in for each property. Change the panel's HorizontalAlign property to left. Save your work! From the ToolBox, drag-and-drop five Labels and five TextBoxes onto the Panel. To make each Label/TextBox pair appear on a separate line, put the cursor after each TextBox then press the [ENTER] key (much like you would with a word processing program). From the ToolBox, drag-and-drop two buttons onto the Panel below the last Label and TextBox. Save your work! Click here for text description of this image. Test your web page. Press F5, or click the Start Debugging (Citrix users, press "Start Without Debugging") button on the toolbar, or pull down the Debug menu and select Start Debugging. NOTE: To execute the application, you have these options: If you are using Citrix, press CTRL + F5 to Start Without Debugging. You will not be deducted points for this part. If you are using a standalone version, press F5 to Start with Debugging, or you can press CTRL + F5 to Start Without Debugging Rename the Label's properties as defined below. You can do this by selecting each Label, scrolling to the property, and then typing in the value. Property Value Label1

Explanation / Answer

Answer question

Related Questions

Navigate

• Browse (All)
• Browse I
• Subjects

---

---

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.