Included styles

Use the Included styles tab of the Skin form to select components to be supported in your application and to specify additional style sheets for the application.

Component CSS support

Select the check box next to a component that you want to support in your skin. When building an application, support only those components that you plan on using in the application. This will reduce the size of the static content (Cascading Style Sheet files) in your application and thus improve application loading time.

Select the Include legacy CSS for applications built prior to Pega 7 check box to include support for legacy components and environments. Legacy support includes support for 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.

Do not select this check box when creating a new application.

Additional Style Sheets

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 enter 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.

Open topic with navigation