Customising + Editing Pages

Editing Pages

| How-To: Edit Pages |

Editing Pages in Canvas can be done in two ways: using the Rich Text Editor and/or HTML Coding.

The image below shows where the information on the 'Page View' correlates to the <Rich Text Editor>.

While the image below shows a more in-depth approach to editing Pages through the <HTML Editor>.

NOTE: With the exception of a few techniques that require basic HTML Coding we will primarily use the Rich Text Editor to edit and adjust content within this guide.

Editing Pages [RTE]

| How-To: Access Rich Text Editor and HTML View  |

Step 1.

1| Locate the desired page and select Edit in the top right corner.

This will open up the Rich Text Editor view for the specific page, in which you can make all necessary changes in it’s workspace.

Adding Tiles

| How-To: add tiles to existing pages |

Step 1.

Adding tiles to existing pages is quite simple, but needs to be done using the HTML editor.

1| Enter ‘Edit’ view on the selected page, and locate the segment you want to add more tiles to in the Rich Text Editor workspace. Click the  button in the bottom right corner to switch to the HTML editor view.

Tiles are segmented according to a table layout and their scale is variable to the screen dimension. To add new tiles a new ‘cell’ must be created  within the table  which can be done by simply copying a line of code identified below;

Isolate the code shown, making sure that the line of code starts with <td> and ends in </td>. To add the new cell paste the line of code after the desired cell identified above.

This is the code that needs to be pasted:

<td>

<p>

<a href=# >

<img id=#/>

</a>

</p>

<h3>Tile Title</h3>

<p >Tile Text</p>

</td>

Removing Tiles

| How-To: remove tiles from existing pages |

Step 1.

Removing tiles from existing pages is quite simple, but needs to be done using the HTML editor.

1| Similarly to adding tiles, enter ‘Edit’ view on the selected page. While in the Rich Text Editor workspace locate the tiles you want to remove. Click the  button in the bottom right corner to switch to the HTML editor view, now look for the corresponding segment of code.

Tiles are laid out according to an invisible table, which allows their scale to adapt to different screen dimensions. To remove a tile and allow subsequent tiles to shift up in the page, the entire ‘cell’ within the table must be deleted. This can be done by deleting a simple segment of code identified below;

Tiles can be removed through the RTE however, in some cases it might affect the template layout of tiles i.e. 3x3 grids. This is the result of copying existing lines of HTML code and placing them into a new set of HTML code that may nest awkwardly.

This process can be tricky and requires a level of HTML familiarity.

Restore Page History

| How-To: Return to previous versions of a Subject's Pages |

When editing subject pages, you might run into complications and need to revert back to previous versions.

You can view the Page history identified by its date, time or author of any changes made to the page. Page editors can also roll back the page content to a previous version of the page.

To access this feature:

Step 1.

1| Locate the desired page.

Step 2.

1| Select View Page History by clicking on the three dot button in the top right-corner of the
page (see below).

2| Click the date you want to access;

3| and then click the Restore this Revision link.