Using the toolbar
A formatting toolbar within SilverStripe CMS enables you to make formatting and editing changes to pages and the objects within pages (e.g. images, tables etc). The toolbar is only available in the Site Content and Newsletters sections. The collection of tools displayed is described in the table below.
- Click on the Site Content icon
to display the Site Content window - Click on a page in the My Site pane to display the contents and properties in the Edit Page pane
- Click on the Content tab in the Edit Page pane, then click on the Main sub-tab
- Click in the Content field to position the insertion point
The tools are now activated…
| Icon | Name | Keyboard shortcut (if available) | Descriptio |
|---|---|---|---|
| | Bold, Italic, Underline | [Ctrl] + [B] [Ctrl] + [I] [Ctrl] + [U] | Enable you to apply bold, italics and underline format to selected text. |
|
| Strikethrough |
| Enables you to apply a strikethrough effect to selected text. Useful for marking-up deletions that need to be made on a page. |
|
| Align Left, Align Centre, Align Right, Justify |
| Enable you to apply one of four alignment types to selected text. |
|
| Apply Style |
| Enables you to apply a pre-defined style to the text and headings on a page. Styles enable you to maintain a consistent look within the web pages. |
|
| Bullet-point list, Numbered list |
| Enable you to apply bullets or sequential numbering to selected paragraphs. |
|
| Outdent, Indent |
| Enable you to decrease or increase the level of indentation of selected text. |
|
| Insert Horizontal Line |
| Inserts a horizontal line across the page at the position of the insertion point. Useful for creating a visual separation between paragraphs. |
|
| Insert Symbol |
| Enables you to insert custom characters such as © and ™. |
|
| Undo, Redo | [Ctrl] + [Z] [Ctrl] + [Y] | Enable you to undo the previous action(s) and, once undone, redo the action if you change your mind. Once a page is loaded, all actions are recorded and can therefore be undone. If you view another page or reload the current page, the undo history list is cleared. |
|
| Cut, Copy, Paste | [Ctrl] + [X] [Ctrl] + [C] [Ctrl] + [V] | Enable you to cut or copy selected information and then paste that information e.g. useful for moving information between pages. |
|
| Insert Image |
| Enables you to select an image that has been uploaded into the Files and Images section and insert it onto a page. |
|
| Insert flash |
| Enables you to insert a Flash object at the position of the insertion point. |
|
| Insert/edit link |
| Enables you to insert a new link (e.g. from the current page to another page) and/or to edit an existing link. |
|
| Remove link |
| Enables you to remove an existing link. |
|
| Insert/edit anchor |
| Enables you to insert a new anchor and/or to edit an existing anchor (for more information, refer to the “Glossary”, p133). |
|
| Edit HTML Code |
| Displays the HTML Source Editor which enables you to view and edit the HTML source code. |
|
| Show/hide guidelines |
| Displays and hides the guidelines of tables within the web page. |
|
| Insert table |
| Enables you to insert a table on your web page, at the position of the insertion point. |
|
| Insert row before, |
| Enable you to add and remove rows from a table on your web page. The placement of the row will depend on the position of the insertion point. These actions can also be achieved by right-clicking on the table to display a shortcut menu. |
|
| Insert column before, Insert column after, Delete column |
| Enable you to add and remove columns from the table in which the insertion point is currently positioned. These actions can also be achieved by right-clicking on the table to display a shortcut menu. |
