Documentation Center

Styles configuration

You can configure the system-wide cascading style sheet for use in format area fields in FormatAreaStyles.css.

About this task

Consequently, Schema designers can enable styles which content authors can then apply to text within a format area field. The system wide cascading style sheet is not published to your presentation system so you should ensure that the existing styles in your published cascading style sheet reflect those available in the system-wide style sheet.

Procedure

  1. Navigate to your Content Manager installation %TRIDION_HOME%\web\WebUI\Editors\Base\Configuration folder.
  2. Open FormatAreaStyles.css in a text editor.
  3. FormatAreaStyles.css contains all of the styles that can then be made available in a format area. All named styles defined in this file are available when configuring format area fields, where named styles include class selectors: [element].class. Content authors can apply these styles to text and tables in a Component. This allows the content author to see the text as it will be rendered when it is published.
  4. You can also use the FormatAreaStyles.css stylesheet to define table formats that content authors can then apply to tables in format area fields:
    • Tables — table.stylename
    • Rows — tr.stylename
    • Columns — colgroup.stylename or col.stylename
    • Cells — td.stylename for data cells and th.stylename for header cells

    These table formats appear in the Style dropdown list of the Table, Row, Column and Cell tab, respectively, of the Table Editor.

  5. Save and close FormatAreaStyles.css.