Skip to Main Content
Return to Navigation

Working With Free Form Sub Style Sheets

This section discusses how to:

Creating Free Form Sub Style Sheets

To create a free form sub style sheet:

  1. Select select File, then select New.

  2. Select Style Sheet from the list.

  3. Select the Free Form Sub Style Sheet style sheet type.

  4. Select select File, then select Definition Properties to enter a description for documentation purposes; when done, click the OK button.

  5. Select the Free Form tab and enter the text for the style sheet.

  6. Save the style sheet.

Important! The Style Sheet Editor does not perform any syntax checking on free form sub style sheets. You must verify and correct any style errors that occur at runtime.

Inserting Free Form Sub Style Sheets into Standard Style Sheets

To insert a free form sub style sheet into a standard style sheet:

  1. Open the receiving standard or sub style sheet.

  2. Click the Fixed Form tab.

  3. Select select Insert, then select Insert Sub Style Sheet.

  4. Select Freeform Sub Style Sheet from the Sub Style Sheet Type drop-down list box.

  5. Select the free form style sheet from the Sub Style Sheet drop-down list box.

  6. Click the OK button and save the style sheet.

Converting Style Sheets to Free Form Sub Style Sheets

To convert a style sheet to a free form sub style sheet:

  1. Open a standard style sheet or sub style sheet.

  2. Select select File, then select Definition Properties.

  3. In the Style Sheet Type drop-down list box, select Freeform Sub Style Sheet and click the OK button.

    Note: You will be warned that once the style sheet is saved as a free form type the style sheet data cannot be converted back to the standard or sub style sheet type.

  4. Dismiss the warning dialog box.

  5. Save the style sheet.

Note: You should not modify a PeopleTools style sheet; instead, clone the style sheet and make changes to the copy.

Renaming Free Form Sub Style Sheets

To rename a free form sub style sheet:

  1. Select select File, then select Rename.

  2. Select Style Sheet in the Definition drop-down list box and then enter search criteria to find the style sheet definition that you are renaming.

  3. Click the Rename button; the definitions that match the search criteria appear in the list box.

  4. Double-click the style sheet definition that you want to rename.

  5. Enter the new name of the style sheet definition in the highlighted area and press the Enter key.

  6. Click the OK button to confirm the rename.

Note: When you rename a free form sub style sheet, PeopleSoft Application Designer automatically renames all references to the style sheet.

Deleting Free Form Sub Style Sheets

To delete a free form sub style sheet:

  1. Select select File, then select Delete.

  2. Select Style Sheet in the Definition drop-down list box and then enter search criteria to find the style sheet definition that you are deleting.

  3. Press the Delete key; the definitions that match the search criteria appear in the list box.

  4. Click the style sheet that you want to delete and press the Delete key.

  5. Click the OK button to confirm the deletion or click the Cancel button to cancel the operation.

Note: When you delete a style sheet, PeopleSoft Application Designer automatically deletes all references to the deleted style sheet.

Including Meta Variables and Comments in Free Form Sub Style Sheets

This section discusses:

  • Meta variables.

  • Comments.

Meta Variables

Free form sub style sheets support these PeopleTools meta variables:

  • %AlignStart

  • %AlignEnd

  • %AlignAmount

  • %Image

See Understanding Meta-HTML.

See Developing HTML Areas.

Note: The system ignores any other meta variables.

Meta variables in the free form sub style sheet are resolved at runtime before the style sheet is downloaded to the client. Meta variable processing does not occur at design time. In PeopleSoft Application Designer, if you select select Layout, then select View in Browser, you do not see any results from meta variable processing.

Comments

To insert comments, include the text between /* and */.

The use of // is not supported.

Changing Font and Color Settings in Free Form Sub Style Sheets

When entering code in the Free Form tab of free form sub style sheets, the appearance of the various elements of the code, such as comments, is based on the default font and color settings in the Font and Color Settings dialog box.

Access the Font and Color Settings dialog box. (Open a free form sub style sheet and select Edit, Display Font and Colors.)

Image: Font and Color Settings dialog box

This example illustrates the fields and controls on the Font and Color Settings dialog box. You can find definitions for the fields and controls later on this page.

Font and Color Settings dialog box

You can change the default font and color settings for free form sub style sheets.

Changing the Default Font and Color Settings

To change a default font and color setting:

  1. In the Color group box, select an item from these choices:

    Text

    Text Selection

    Comment

  2. Select a color from the Foreground drop-down list box.

  3. Select a color from the Background drop-down list box.

  4. Click the Choose Font button to select another font.

  5. Click Reset All to restore the settings to the default settings.

  6. Click the OK button.