Article Text Styles

The styles of text you see in the editor should look like those used by your site. If they don't, and appear in plain text, then someone with administrator access to iCM should check the path to the editor stylesheet.

Styles

The styles available in the drop-down are set in the editor rules. Adding new styles is covered in the Text Editor Configuration article.

Style names are displayed in the style that they represent, providing a preview of how the selected content will look once it's applied. The styles drop-down will omit any styles that cannot be applied to either the element or elements that are currently selected in the editor.

To apply a style to a small portion of text (one or two words, for example), first select the text and then select the required style from the "Inline Styles" section of the styles drop-down list.

To apply a style to a paragraph, click within the paragraph and then select the required style from the "Block Styles" section of the styles drop-down list. The current style of the paragraph will be highlighted when the styles drop-down list is first displayed.

Paragraph formats, such as heading elements (H1, H2, etc), are also included as block styles. Note that these provide structure to the content as well as any optional styling.

Standard Styles

The styles supported in a standard installation are:

Style	Description
Normal	An unstyled paragraph
Headings (h2-h6)	h1 is not included as the article heading uses it
Alignment (left, right, centre)	Applies the text-align CSS property
Disclosure (h2, h3, h4, end)	Creates disclosure widgets, see below
Dialog (h2, end, toggle)	Creates a pop-up dialog

Remove Styling

This button removes inline styles from text. That includes things like bold and italic text, and inline styles applied via the styles drop-down.

It does not remove block and paragraph styling, like headings, lists and quotes, which provide structure to the body text.

To remove styling from a portion of text, select the text and then press the button. You can also use the "Select All" toolbar button to highlight all of the text in the editor.

Disclosure Style - Expandable Sections

The disclosure style creates expandable boxes of content, similar to an accordion.

We call them disclosures because each one operates independently on the page. Strictly speaking, with an accordion, when one opens the others close.

Here are two examples:

This is the heading of a disclosure style

This is the content of the disclosure. This style is a great way to create question and answer styled content.

This text is standard iCM paragraph content. It's wrapped in a "disclosure start" and "disclosure end" style.

This is a second disclosure style

You can also add inlines to the content inside a disclosure.

To create a disclosure:

Select either the h2, h3 or h4 "Disclosure start" style from the styles drop-down, then enter the text for your heading
Enter your body text as normal - this is the text that will be inside the disclosure
Add a "Disclosure end" style to the final line of text

The first disclosure above looks like this in the editor:

A single "Show all sections" is automatically added when you have more than one disclosure style on the page.

Dialog Style - Modal Popup

Using the styles drop-down in the toolbar, you can create a dialog by styling text as the toggle/see more button, the next paragraph as the dialog start/heading, then adding the dialog end style to the final paragraph of text that should appear in the dialog.