Creating the Login Page

Description

Web publishing applications only. The Login.A5W page will contain a login component. It will ask for the user's login and password. If the login is successful, it will redirect the user to the Menu.A5W page.

Creating the Login Component

  1. Display the Web Projects Control Panel.

  2. Click New to display the New File dialog.

  3. Select Web Component and click Next >.

  4. Select Login and click OK to display the Login Builder.

  5. Display the Login > Layout menu page.

  6. Click the '...' icon in the Layout Options > Style Name property.

  7. Click Select Style, scroll to and select "MarthasVineayard" (or your favorite style), then click OK.

  8. Display the Change Password > Layout menu page.

  9. Click the '...' icon in the Layout Options > Style Name property.

  10. Click Select Style, scroll to and select "MarthasVineayard" (or your favorite style), then click OK.

  11. Click Save, enter "Login", and then click Save again.

  12. Click Close to return to the Web Projects Control Panel.

Finishing the Login Page

  1. Click New to display the New File dialog.

  2. Select A5W Page and click OK to display the HTML Editor.

  3. On the main toolbar select File > Save As, enter "Login", and click Save.

  4. On the main toolbar select Insert Component and click Select.

  5. In the Select Component dialog scroll to and pick the "Login" component, then click OK.

  6. Click OK on the Insert Component dialog.

  7. When you return to the HTML Editor, enter "Login to Demo" above the component and apply the "Heading 1" style to it. The page should look something like the following.

    images/WPT_Creating_NewLogin_page.gif
  8. Click the 'Save' icon to Save and the 'X' icon to close the HTML Editor.

See Also