Heading

You are here: Elements Reference > Text Elements > Heading Element > Heading

Heading

The Heading Element allows you to easily create hierarchical headings that logically structure content for readability and accessibility. (See Developing Accessible Content in CommonSpot in the Administrator's Reference for more on using headings that assistive devices can understand.) CommonSpot supports the standard HTML levels 1-6, as well as "special" decorative headings, which, because they are not HTML headings, do not register as part of the document outlines as seen by browsers and other devices. Creating headings is a two-step process of entering heading text and assigning a heading level or special formatting through Layout Properties.

After selecting Heading from the Text Elements section of the Element Gallery dialog, open this dialog by clicking the ghost text “Click here to define the header element” or click the Element Tool icon and select Edit for an existing header.

In the Heading Text field, enter the text to display and click Save. The heading renders as a container.

Click the WIP icon and select Layout Properties to assign a heading level to your new heading.

You can optionally assign a render handler to your heading. See Choose Layout.

Style considerations for the Heading Element:

The element components shown in the Heading element Style dialog and the ways they're applied have changed.

heading element style dialog

The top-level component is now Heading.
The classes assigned to the Label Text component are applied to the text of the label itself, only when using the old-style Special heading levels that can be selected in Layout Properties.
The classes assigned to the Heading Element component are applied directly to the HTML heading element itself (<h1>, <h2> etc.), only when using numbered Heading Level settings (Heading 1, Heading 2, etc.).
The classes assigned to the First Letter component are used only by numbered Heading Levels and the 'Circle with line' Special level. For best compatibility with the old-style Special heading levels and the styling it uses, numbered Heading Levels ignore the specific default class 'CS_Label_FirstLetter'. Any other assigned classes will be applied.

Related Links

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/