Create a Detail Page - Step I

In the last tutorial, Create a List Page, you created a page that displayed a listing of all the products in a category. In this tutorial you will create a page that will display all of the information for a particular product that you selected from the listing.

View the completed page here.

1. Open the detailPage.asp.

2. Open the Bindings Panel (CTRL + F10) if it is not already open.

3. Click on the (+) sign in the Bindings Panel and select Recordset(Query). Use the settings below in the Recordset window. Click the Test button.

4. Type a 1 in the Test Value box of the Please Provide a Test Value window and Click OK.

5. You should see a Test SQL Statement window like the one below. Click OK.

NOTE: What you just did is built a recordset that is filtered by the ProductID. If you remember, when we built the link in the listBy.asp page, we passed the ProductID as a URL parameter to the detailPage.asp.

6. Click on a blank area on the page, outside of the layers on the page, and click Insert > Layer. Click on the layer that you just inserted in the Layers Panel (F2) and use the following settings in the Property Inspector.

NOTE: Be sure to give the content layer a lower z-index than the catSubLayer because you want the catSubLayer to appear "over" the contentLayer.

7. Click inside the contentLayer and then Insert > Table and use the following settings in the Insert Table window.

8. Click inside the table that you just inserted and then click on the <td> in the bottom of the Design View window. Change the Bg to #666666 in the Property Inspector.

Click here to continue the tutorial.