Step 2 Modify the Style Sheet Definition

Web Functions Wizard

Step 2. Modify the Style Sheet Definition

WIZ006 - Defining a Style Sheet

In this step, you will create style sheet tags to control the font used in the body of your HTML pages, the heading level 1 font color and the table cell font color.

1.  Return to your first browser window, which should be displaying the Define Style Sheet main screen for process iiPROC01.

2.  Press the Add a Tag, Class or ID button.

3.  Select the body from the Tag drop down. Build the Declarations using the Declaration assistant below the free format area. Set Font 1 to Arial and Font 2 to Garamond, and then press Add to Tag button.

4.  Press the Add Tag button.

5.  When the Define Style Sheet main screen appears, press the Add a Tag, Class or ID button.

6.  Select the h1 from the Tag drop down. Set the font color to #823706 in the Declaration assistant, and then press Add to Tag button.

7.  Press the Add Tag button.

8. When the Define Style Sheet main screen appears, press the Add a Tag, Class or ID button.

9.  Select the td from the Tag drop down. Use the color picker to set the font color to pink (select any pink from the palette), and then press Add to Tag button.

10.Press the Add Tag button.

11.When the Define Style Sheet screen appears, press the Build Style Sheet button.

12.When the message "Process Style Sheet successfully created" has been issued you can test your function iiFN001 using the second browser window. Notice the font of all text has changed to Arial (if you have Arial as a supported font), the function title text has changed to dark orange and various pieces of text are pink.