Principle
The basic component of a Mosaic-based layout is called a tile. A layout is a combination of several tiles.
A tile is a dynamic portion of a web page and can be a text element, image, field, etc.
Using Mosaic, an editor can position tiles across the Mosaic grid.
Modifying Existing Tiles
Each template comes with default tiles placed in the layout. For example, in the Document layout, the Title, Summary, and Text field tiles are already placed on the page.
Title Field
- Click on the tile containing the Title. The box will be outlined and a Title label will display to the left.
- Notice it’s the same page Title we set when creating the page.
- Enter the new page Title.
Summary Field
The Summary field is a plain text field (without any form of rich text mark-up) similar to the Summary field on a standard Plone Page. The Summary also appears in search results via Plone’s search engine.

Text Field
The Text field is a Rich Text field similar to the Text field on a standard Plone Page. When you click on this field, a TinyMCE toolbar will appear.

When you are done making changes, click Save.

The resulting page.

Inserting a Tile
Let’s insert a Rich Text tile.
- In the top right Insert pull down menu, select Rich Text.

- After selecting the tile type, move your mouse cursor onto the layout area of the page. Wherever you move your mouse, a small preview of the tile will display, along with blue lines helping you identify where the tile will be placed. Solid lines represent the location you are placing the tile. It could be on top, bottom, left, or right. The dotted lines represent the boundary of other tiles that are on the page so you know where you can move and place your tile.
- When finished, click anywhere else on the page.
Removing a Tile
- Click on the tile you wish to remove.
- Click the Delete button towards the lower right corner of the tile.
Tiles can only be removed when Mosaic is in Customize mode. If you do not see the Format and Insert buttons in the editing toolbar, click Layout and select Customize.

- Click Confirm delete.

- Click Save.
Exercise: Modify the Layout of a Page
Create a new Page and add a new tile.
Solution
- Set Display to Mosaic layout.
- Click Edit and then select the Document layout.
- Select Layout, then choose Customize.
- Click Insert button, then choose Document Byline.
- Add a Document Byline to the bottom of the layout.
- Click Save.