How to create a multipage form in FrontPage 2003 (912673)


The information in this article applies to:

  • Microsoft Office FrontPage 2003

INTRODUCTION

This article describes how to create a multipage form in Microsoft Office FrontPage 2003. Each page of the form contains navigation buttons to move to the previous page or the next page. Additionally, the last page of the form contains a Submit button and a Reset button.

MORE INFORMATION

To create a multipage form, follow these steps:
  1. Open a Web page in FrontPage 2003.
  2. At the bottom of the page, click Design (Show Design View).
  3. On the Insert menu, point to Form, and then click Form.
  4. Delete the Submit button and the Reset button on the form.
  5. Create a new page for the form. To do this, follow these steps:
    1. On the Format menu, click Layers. The Layers task pane appears on the right of the FrontPage window.
    2. Click in the form.
    3. On the Insert menu, click Layer.
    4. Double-click the layer name in the Layer task pane, and then type a new name for the layer, such as Page1. Then, press ENTER.
    5. Insert the desired fields in the layer.
    6. Click the border area of the layer, and then resize the layer as needed.
    7. Right-click the layer name (Layer ID) in the Layers task pane, and then click Set Visibility: Hidden.
    8. Repeat step 5 to add as many new pages to the form as you need.
  6. Add a Previous Page button to each new page that you created in step 5. To do this, follow these steps:
    1. In the Layers task pane, click the page to which you want to add a Previous Page button. For example, click page 2.
    2. Click in the page.
    3. On the Insert menu, point to Form, and then click Push Button.
    4. Double-click the button, type Previous Page in the Value/Label box, and then click OK.
    5. On the Format menu, click Behaviors.
    6. Click Previous Page in the layer
    7. In the Behaviors task pane, click Insert, and then click Change Property.
    8. Click Select Element.
    9. In the Element Type box, click div.
    10. In the Element ID box, click the ID of the current page to hide the current page. For example, click Page2.
    11. Click Visibility, click Hidden, and then click OK.
    12. Click OK to close the Change Property dialog box.
    13. In the Behaviors task pane, click Insert, and then click Change Property.
    14. Click Select Element.
    15. In the Element Type box, click div.
    16. In the Element ID box, click the ID of the previous page to show the previous page. For example, click Page1.
    17. Click Visibility, click Visible, and then click OK.
    18. Click OK to close the Change Property dialog box.
    19. Repeat step 6 for each page to which you want to add a Previous Page button.
  7. Add a Next Page button to each new page that you created in step 5. To do this, follow these steps:
    1. In the Layers task pane, click the page to which you want to add a Next Page button. For example, click page 2.
    2. Click in the page.
    3. On the Insert menu, point to Form, and then click Push Button.
    4. Double-click the button, type Next Page in the Value/Label box, and then click OK.
    5. On the Format menu, click Behaviors.
    6. Click Next Page in the page
    7. In the Behaviors task pane, click Insert, and then click Change Property.
    8. Click Select Element.
    9. In the Element Type box, click div.
    10. In the Element ID box, click the ID of the current page to hide the current page. For example, click Page2.
    11. Click Visibility, click Hidden, and then click OK.
    12. Click OK to close the Change Property dialog box.
    13. In the Behaviors task pane, click Insert, and then click Change Property.
    14. Click Select Element.
    15. In the Element Type box, click div.
    16. In the Element ID box, click the ID of the next page to show the next page. For example, click Page3.
    17. Click Visibility, click Visible, and then click OK.
    18. Click OK to close the Change Property dialog box.
    19. Repeat step 7 for each page to which you want to add a Next Page button.
  8. Add a Submit button and a Reset button to the last page of the form. To do this, follow these steps:
    1. In the Layers task pane, click the last page that you created in step 5.
    2. On the Insert menu, point to Form, and then click Push Button.
    3. Double-click the button, click Submit next to Button type, and then click OK.
    4. On the Insert menu, point to Form, and then click Push Button.
    5. Double-click the button, click Reset next to Button type, and then click OK.
  9. If the Layers task pane is not visible, click Layers on the Format menu.
  10. Right-click Page2 in the Layers task pane, and then click Set Visibility: Hidden. Repeat this step for each page from Page2 to the last page that you added in step 5.
  11. Right-click Page1 in the Layers task pane, and then click Visibility: Visible.
  12. Save the Web page.
Modification Type:MajorLast Reviewed:1/20/2006
Keywords:kbForms kbExpertiseBeginner kbhowto KB912673 kbAudEndUser
©2004 Microsoft Corporation. All rights reserved.