Exercise 8.1: Starting the WebFacing properties style dialog

First, you will use the WebFacing Style properties dialog to tailor your Web user interface. You will apply changes to the window layout of your screens, the subfile appearance will be changed, and you will enhance the command key push button looks.

To start the WebFacing properties dialog:

  1. Start the product and open the WebFacing perspective, if it is not up and running already.
  2. In the WebFacing Projects view, select the wflabxx project.
  3. Right-click the wflabxx project, and click Properties on the pop-up menu.

    The Properties dialog opens.
    WebFacing project properties dialog

  4. Under Style in the left pane of the Properties dialog, select Window.

    The right pane of the Properties dialog shows the Window properties.
    Windows properties page

  5. Select Title from the Windows areas list.
  6. Under Foreground click the .. push button to the right of the Color field.
  7. On the Color Chooser dialog, click Red.
  8. Then click OK in the Color Chooser dialog.

    The Window Properties page reappears.

  9. Click the .. push button to the right of the Font field.
  10. Select font Comic Sans MS, size 16.
  11. Click OK on the Font dialog.
  12. Under Background, click the .. push button to the right of the Color field.
  13. On the Color Chooser dialog, click Green.
  14. Click OK on the Color Chooser dialog.

    The Windows properties dialog reappears.

  15. Select Body in the Windows areas list at the top of the page.
    Window properties dialog with Body selection
  16. In the Border color field at the bottom of the page click the .. push button to the right of the Border color field.

    The Color Chooser dialog opens.

  17. Select Blue.
  18. Click OK in the Color Chooser dialog.

You have started the Properties dialog, changed the window style and now you are ready to begin Exercise 8.2: Changing the appearance of the subfile.