> #### 5.4.9 Using Form Templates and Style Sheets

> If you want a certain look and feel to your Interstage BPM forms, you can automatically incorporate it in every form that you generate using the Form Template and Style Sheets properties on your Form Properties dialog box. However, you must first configure your form templates and stylesheets for use with Interstage BPM.

> To configure your form templates and style sheets with Interstage BPM:

> 1. If you are already using an HTML form that has the look and feel that you want in your Interstage BPM forms, make a copy of that form. If not, create a form in HTML. However, you do not have to draw any fields for data entry or add any programming links to databases.

> 2. Remove the text entry fields and existing programming links to databases (if any) that are on the form. All of these functional parts will be added by the form generation process.

> 3. Add the following HTML tags inside the <body> tags of your form: {{QuickTemplateStart}}{{QuickTemplateEnd}} and save it.

> You have now created an Interstage BPM Form Template

> 4. Copy the form template that you have just created to the Interstage BPM Attachments directory. You defined this directory during the installation of Interstage BPM. If you accepted the defaults, this directory is located at <Interstage BPM>\attachments. You must enter this template in the Form Templates field when you generate a form using the instructions in the previous section, Define forms.

> 5. Copy the stylesheet for the form used in Step 1 to the <InterstageBPM>\taskmanager\iflowjsp\jsp\styles directory. This style sheet can be any standard-format HTML style sheet. These files must have a css file extension. Sample style sheets for the Linux and XP operating systems are included by the installer in this directory.

> 6. Add the style sheet that you copied in Step 4 to the QuickForms configuration by adding it to the QuickFormCSSDef.xml file. This file can be found in the <InterstageBPM>\taskmanager\iflowjsp\config directory. The following example shows the addition of a style called ExampleStyle contained in a CSS file called example.css:

> <Styles>
> <style>
> <name>default</name>
> <path>styles/iflow.css</path>
> </style>
> <style>
> <name>ExampleStyle</name>
> <path>styles/example.css</path>
> </style>
> ...
> </Styles>

> 7. You must select this style sheet that you just configured from the Style Sheets drop-down list when you generate a form using the instructions in the previous section, Define forms.

Business Process Manager Help-Fujitsu Computer Systems Corporation Interstage Website Voice: (888) 248-9273 Interstage BPM Information