Editing a Page

Open a page for editing by selecting it in the Sites Console, then clicking the Edit button in the top toolbar. The page normally opens in a new browser tab, in the Edit Console.

Once in the Edit Console, page content is built up incrementally using Components added from the Side Panel. Once Components are added, text can be entered manually and assets can be uploaded into the page or drawn in from the shared Assets area. As you make your changes, the UBCMS will display a close expression of what your page will ultimately look like when it is live.

Components are modified by selecting them and then using the subsequently displayed tool bar. Some text components also support an 'in place editor' where you can click into the component and then edit the text directly (e.g. Title or Body Text).

The Side Panel is a large sidebar that appears to the left of the main page content when selected from the Toggle Side Panel button. It has drawers that provide access to Assets, Components and the Content Tree.

Digital Assets are managed in another part of the UBCMS using the Assets Console.

Once in the Edit Console, page content is built up incrementally using Components added from the Component Browser in the Side Panel. Once Components are added, text can be entered manually and assets can be uploaded into the page or drawn in from the shared Assets area. The UBCMS has a WYSWYG interface, so a close expression of what your page will ultimately look like live is continually displayed as you make your changes.

Components can be added to the page in two ways. They can be added from the Components Browser in the Side Panel, or they can be added directly from the page.

To add from the Components Browser

1. Click the Toggle Side Panel button to open the Side Panel.
   
2. Select the Components Browser drawer.
3. Navigate to the desired component, then drag and drop it onto your page.
4. Dropping it onto any existing component will place it above that component, as indicated by a visual cue.

To add directly from the page:

1. Select a component that lies directly below where you wish the new component to be.
2. In the component toolbar, click the "+" button for the Insert Component Tool.
3. An alphabetical list will appear of all available components.
   
4. Select the desired component and it will appear on the page.
   

Components are modified by selecting them and then clicking the subsequently displayed tool bar. The pencil icon (when present) provides access to change text, while the wrench icon ('Configure') opens the settings. Hovering over each tool icon will provide the tool's name and any associated keyboard shortcut. Click the checkmark to save any changes.

Most text components (except Title) have a Rich Text Editor, a toolbar that provides some basic tools to modify your text, such as bold, italics, bulleting and hyperlinks. Make any changes then click the checkmark to save them.

Some text components such as Title or Body Text also support an 'in place editor' where you click the pencil icon, then edit the text directly. Make any changes then simply click elsewhere on the page to save them, or use the Escape key on your keyboard to cancel. This method allows simple text changes, but no toolbar or formating tools are provided.

You may also copy some styling from more advanced software like MS Word. Allowable styles (e.g. bold, italics, bulleting, hyperlinks and many special characters) will copy right into the UBCMS while others (e.g. colored font, true headings, or images) will be filtered out.  It is also possible to input special characters and emojis by pasting them in, or using keyboard shortcuts.

Images and other digital objects can be added to the page in two ways. They can be uploaded and embedded directly into a component on your page, or they can be added from the Assets Browser in the Side Panel, which results in them being displayed or linked on your page using a reference to their actual source in Assets.

To upload into the component:

1. Add a suitable component (Photo, File Download, etc.) and open it for editing by clicking the wrench ('Configure') icon.
   
2. Click the 'browse for a file to upload' link in the component.
3. Follow the steps to select and upload the desired asset from your computer.
   
4. Adjust any settings (e.g. Alt Text) and then save your changes.
   

To add from Digital Assets:

1. Add a suitable component (Photo, File Download, etc.) and open it for editing by clicking the wrench ('Configure') icon.
   
2. Click the Toggle Side Panel button to open the Side Panel.
   
3. Select the Assets Browser drawer.
4. Navigate to the desired asset, then drag and drop it onto your component.
5. Adjust any settings (e.g. Alt Text) and then save your changes.
   

Selecting a component will open the toolbar. This provides access to various actions that can be performed on the component. Actions available to the user will be shown as appropriate to the situation. (Hovering over each tool icon will provide the tool's name and any associated keyboard shortcut.)

To Copy/Cut a component, select it, then the appropriate tool.

To Paste a component into a new location, after copying or cutting it, select the new location (another component) and then click the Paste tool. The component will be placed above that component.

To Delete a component, select it then click the Delete tool. Any associated Annotations will also be deleted.

In Move a component, use the Cut and Paste method (or Copy and Paste).  

As an alternative, a component can be relocated on a page by clicking on, then with the mouse still engaged, dragging it to a new location. Placing it on top of another component will relocate it above that component, as indicated by a visual cue.  

It is also possible to select multiple components. These are all comparable:  

• Hold the Control key (or MAC Cmd), click each additional component in your preferred order, and then complete the copy/cut/delete action.
• Select the first component, click the 'Group' option that appears on the toolbar, click each additional component in your preferred order, and then complete the copy/cut/delete action.
• Select the first component, hold the Shift key, then click the last component to select all components in between. If you are copying or moving, be careful to select from top to bottom of the page, otherwise the components will be reversed during the process.

Should you realize you deleted or changed a component by mistake, the built-in Undo/Redo feature may be helpful. Look at the top left of the window for curved arrows. Immediately after you modify a component (edit, copy, cut, paste or delete), the Undo button will appear. After an Undo, the Redo button will also appear. Click the appropriate button and your modification will be changed.

Located at the top right of the window, the Preview tool switches the page to Preview mode which is used to view the page as it will be shown on the published environment or to navigate the site in Author using page links or navigation, including the helpful 'Go to source' links to Shared Content references. You cannot follow links or in-site navigation while in regular Edit Mode.

This feature simulates the published state of a page at a specified date and time. It uses Versioning, so there must be a saved version of the page that predates the requested date/time.

The mode runs for your entire browser session, so you can navigate to other pages throughout your site (or the entire UBCMS), including deleted pages (provided old versions of those pages are still stored). If no published version is found, Timewarp will revert to the current state of the page in the Author environment to prevent a 404 error that would terminate browsing.  

To enter Timewarp mode, click the Edit dropdown in the upper right of the window and select Timewarp. Once you choose a date and time, that version of the page will load. A (blue) banner will appear at the top of the window, to show you are in Timewarp. This banner acts as a toolbar, allowing you to choose a new date and time, or to 'Exit Timewarp.'

Limitations:

• Timewarp works based on published pages - Timewarp will only work fully if you have previously published the page. If not, timewarp will show the current page in the Author environment.
• Timewarp uses page versions - If you navigate to a page that has been removed/deleted from the UBCMS it will be rendered properly if old versions of the page are still available in the repository.
• Removed versions affect Timewarp - If versions are removed from the repository then Timewarp cannot show the correct view for the rquested date and time.
• Timewarp is read-only - You cannot edit the old version of the page. It is only available for viewing. If you want to revert to the older version you would have to restore pages.
• Timewarp is only based on page content - If elements (such as code, css, assets/images, etc) for rendering the website have changed, the view will differ from what it originally was, as those items are not captured in versions.