Style Sheet Sets

You are here: Contributors Reference > CommonSpot Menus > Manage Menu > Style Sheet Sets

Style Sheet Sets

Pages rendered using style sheets often use more than one. For example, you might have a “main.css” style sheet that contains general style sheet definitions, a “home.css” containing styles specific to the home page, and a responsive style sheet. A style sheet set contains one or more style sheets that you can apply to your pages.

Individual style sheets cannot be directly associated with a page or template. Instead, you add style sheets to a style sheet set and then associate the set with a page or template. Typically, sets are associated with templates. All pages derived from the template then inherit the template’s sets. That is the only way to associate a given style sheet set with multiple pages.

You can also add a new style sheet to any of the style sheet sets associated witha page or template.

Note: When you create a page, it inherits any style sheet sets associated with the template from which it was created. Once you make style sheet changes on a page, that page uses the modified version and no longer derives formatting from the inherited set. CommonSpot maintains the modified version locally. However, you can restore inheritance. For more information, see Style Sheet Sets and Style Sheet Inheritance.

You can change style sheet sets and the sheets they contain by selecting Manage – Style Sheets while viewing the page or template in CommonSpot.

The Style Sheet Sets dialog displays as shown below.

CommonSpot uses the first style sheet set whose scheduling criteria match the current condition (date, time, current user's groups, etc.), if any scheduling criteria are applied. See Schedule/Personalize for more information. After finding the first matching set, CommonSpot ignores all others. Set the order of preference by clicking and dragging to a new position in this table. (Note: In IE, click on the Name or Title, instead of the entire row.)

Alternatively, select one or more style sheets and click the insert icon to move multiple sets. You can also select and move outside of the scrollable region. Note that changes to style sheet set order are saved immediately.

This dialog displays the following fields:

Enable Style Sheets – As of release 10.0, this is always checked, and all pages use style sheets for formatting.

Class to use on Body tag – Some page designs use a class attribute within a <body> tag. Click the Select button to choose from registered CommonSpot classes or to name or register a new class. The Edit Element Component Style dialog displays class options. If the original style assignment is no longer in effect, an option to Restore Inheritance displays as shown below.

Clicking this button removes local styles and resets the style to its inherited value.

Style Sheet Sets

This table has four columns:

Name - Identifies the style sheet sets you can assign to the current page. CommonSpot identifies inherited and local sets.

Style Sheets - Displays the style sheets within a set. You can make changes by clicking the edit icon and selecting Style Sheets. The order displayed here is the order applied.

Schedule - Shows the scheduling criteria applied to a set. Style sheets must meet scheduling criteria to become available.

Actions – Displays options for modifying the set. Click the edit icon to choose from the following:
- Edit Style Sheet Set - Displays a dialog for viewing or changing the name and description of the style sheet set.
- Style Sheets - Displays the list of style sheets in the set. CommonSpot uses list order to look up and apply style sheets.
- Schedule/Personalize - Displays options for setting criteria for style sheet use, such as the last date available. See Schedule Personalize Style Sheets and the description for Schedule/Personalize Element and the overview in the Elements Reference.

(delete) - Removes the style sheet set from this page. You cannot delete an inherited style sheet set if it is the only one remaining. You can delete local copies. For more information, see Style Sheet Sets and Style Sheet Inheritance.

To add a new set, click Add New Style Sheet Set.

Click Close to exit.

Related Links

Style Sheet Sets and Style Sheet Inheritance

You can download PDF versions of the Content Contributor's, Administrator's, and Elements Reference documents from the support section of paperthin.com (requires login).

The following guides are available from the support site and are in the /docs/directory of your CommonSpot Server:

You can also download these other guides from the support section of paperthin.com (with login):

For technical support:

http://www.paperthin.com/support/