Add (reusable) rich text

Last updated Monday, June 26, 2017 in Sitecore Experience Accelerator for Content Author, Designer

SXA comes with a library of predefined renderings to make page design easy. You can add content to your pages by dragging renderings from the Toolbox to the page. There are several renderings available to help you add text to your site. This topic describes how to add formatted text to your pages.

SXA comes with two different rich text renderings:

Rich Text rendering

The Rich Text rendering adds formatted text on a page. When you add your text and HTML markup, SXA stores the text in a data source item under the Data folder of the page:

Picture 1

Note

The Data folder that contains the text items of a page is a hidden folder. To view it, on the ribbon, in the View section, select the Hidden items check box. Picture 7

To add the Rich Text rendering to a page:

  1. Open the Toolbox. In the Page Content group, click Rich Text.

    When you click and start dragging a rendering, the placeholders where you can drop the rendering light up in blue. Alternatively, you can use the touch panel to drag renderings to the page with your finger, or you can click the Rendering icon on the Home tab.

  2. Position the rendering above the desired placeholder, and when the placeholder lights up in green, drop the rendering on the page.
  3. To edit the rich text content, click No text in field.

    Picture 2

  4. To open the Rich Text Editor, either enter the text directly or click Edit the text.

    Picture 3

  5. The Rich Text Editor lets you format your text. Click Accept to place the text on the page.

    Picture 5

Rich Text (Reusable) rendering

The Rich Text (Reusable) rendering adds formatted text on a page. This rendering allows for reusability and pulls the text from a data source item. The content it displays is not bound to the page on which it appears, but is stored in data source items. This can be very convenient for reoccurring text items such as slogans, footers, headers, and so on.

When you add the Rich Text (Reusable) rendering to the page, you can select an existing data source or create a new data source item. When you add your text and HTML markup, SXA stores the text in the Data folder of the site: Site/Data/Texts

Picture 6

To add the Rich Text (Reusable) rendering to a page:

  1. Open the Toolbox. In the Page Content group, click Rich Text (Reusable).

    When you click and start dragging a rendering, the placeholders where you can drop the rendering light up in blue. Alternatively, you can use the touch panel to drag renderings to the page with your finger, or you can click the Rendering icon on the Home tab.

  2. Position the rendering above the desired placeholder, and when the placeholder lights up in green, drop the rendering on the page.
  3. In the Select the Associated Content dialog box, click the content item that you want and click OK. You can also create a new data source.

    Picture 8

    Note

    Changing a reusable text item changes the text on all the pages where it is used. You receive the following message when changing a reusable text item:

    This component contains associated content. If you publish this component, the associated content is also published to a number of other pages that use the same associated content.

Send feedback about the documentation to docsite@sitecore.net.