Customizing › Web Interface Customization › The Web Screen Painter (WSP) › Edit Stylesheets

Edit Stylesheets

You can use WSP to edit or create CSS (cascading stylesheet) files.

To edit a stylesheet

1. Select File, Open.

   The File Open dialog appears.

2. Select CSS Stylesheet from the Interface or File Type drop-down.

   A list of stylesheets is displayed.

To create a stylesheet

1. Select File, New.

   The New Form dialog appears.

2. Select CSS Stylesheet from the Interface or File Type drop-down list and click New.

   In either case, WSP displays the Source view of the stylesheet. You can edit directly in Source view, or display the Style Designer by selecting Tools, Style Designer.

The top section of the Style Designer allows you to control the classes within the stylesheet. The Style Classes drop-down in the upper left of the Style Designer allows you to select a class to edit. The Add, Rename, and Delete buttons allow you to create a class, or rename or delete an existing one.

There are three tabs on the Style designer. The Font and Color tab allows you to select attributes for text formatted by the style class, and preview how it will look. The Font Preview section at the bottom of this tab shows you how the style will look.

The Position tab allows you to control positioning, and the Other tab allows you to control visibility, display, overflow, and cursor attributes. There are a number of style attributes, such as margin and border that can neither be seen nor edited in the Style Designer. These must be edited in Source view.

When you click OK in the Style Designer, WSP reformats the stylesheet and updates the Source view. You can continue to edit in Source view or bring up the Style Designer again.

Note: For performance reasons, CA SDM stylesheets are delivered in two forms: Individual files (such as search_filter.css) and combination files grouping a number of individual files with comments and excess white space removed (such as analyst_styles.css). WSP always edits the individual files; you cannot edit a combination file directly. When you publish stylesheet changes, WSP automatically builds the associated combination file if necessary.