Skin form - Included Styles tab

Use this tab to add select which additional style sheets to the skin and select the components to be supported in your application.

Component CSS support

Select the check-box next to a components you want to support in your skin. When building an application, support only those components you plan on using in the application. This will reduce the size of the CSS files in your application.

Select the Add legacy CSS for applications built prior to Pega 7 check box to include support for legacy components and environments. Legacy support supports Internet Explorer 9, quirks mode, and old controls such as tabs or accordions. Enabling this option also reduces the size of the CSS files sent to the browser.

When creating a new application, this check box should not be selected. Disabling legacy is recommended when building new applications and if you are not using old controls.

Additional Style Sheets

As a best practice, avoid adding custom style sheets to your skin. If you are currently using a custom style sheet:

• for custom or non auto-generated controls, you can add these styles to the skin rule as custom styles. See Skin rule — Custom.
• to create additional styles for layouts and controls, such as grids, tabs, buttons, and links, you can create new style formats in the skin rule.

If you choose to add a custom style sheet to the skin:

1. Click Add style sheet and type the file name. Click the Open icon to create a new file.
2. Click Save. Note the caution regarding maintainability.

The order in which you enter style sheets is significant; the bottom style sheet is applied last. Select the number beside the file name and drag and drop to re-order additional sheet sheets.

To delete a style sheet from a skin, select the style sheet that you want to delete and click the delete icon.

About Skin rules

Open topic with navigation