18.6. Building a Page to Manage Cart Contents
To complete the shopping cart enhancement of the Small Business Starter Kit, you need a page where users can view and change the contents of the shopping cart. In this section, you create the data connection and add a DataGrid.
18.6.1. Adding the shopcart.aspx page
The Small Business Starter Kit uses a master page to present the common page elements and styles. Follow these steps to add a new page that follows the existing site's layout and column structure:
Making sure to select the site's master page, add a new page (File
New File
Web Form) named shopcart.aspx to the project.In Source view, just before the closing </asp:Content> tag, add the markup shown in Listing 18-9.
Listing 18-9. Replicating the Column Structure
<div id="pagetitle" style="right: 0px; top: 0px">
Shopping Cart
</div>
<div id="content-container-three-column" style="right: 0px; top: 0px">
<div id="content-side1-three-column">
</div>
<div id="content-main-three-column" style="text-align: right">
<h1 style="text-align: left">Shopping Cart</h1><hr />
<!-- GridView Goes Here -->
</div>
<br />
</div>
|
The markup in Listing 18-9 is purely cosmetic. It generates the three-column layout and indicates the location of the GridView that you add later in this chapter.