Note: Login using Drupal Login/your username and not your CWL.
Basic Usage
1. How to update your password
The first time you login using your temporary password, please ensure you update your password. It's recommended that you do not use the same password as your CWL.


2. How to edit a page
There are 2 ways to edit a page:
- Browse to the page you want to edit and select the edit button:

Find the page through the "content" menu bar:

Tip: When editing text on a page, if you want a single line break (instead of a paragraph break), use "shift+enter" instead of just "enter".
3. Linking to other pages and creating buttons
- Highlight the text you wish to add the link to
- Click the link button (CTRL-K) in the editor
- Enter the page title or URL. Hint: If there are multiple pages with the same title, note the "node" number.
- If you wish to make this text into a button, under the button drop down, select "Unit Button"
In step 3, if you need to find a "node" number of a page, edit the page and the URL will denote the note. E.g, When editing this page, https://allard.ubc.ca/node/141/edit, the node is 141.
4. Uploading images



Click "insert selected" to insert the image into your page.

To center the image, or select formatting, click "edit media" (not shown here). An edit media pop up will appear:

5. Uploading and linking files/PDFs
1. Open the Media Library in the editor

2. Choose "file" on the left hand window, click the "choose file" button and select the file you wish to upload. Once the file is uploaded, click save.


3. Once the file is saved and uploaded, right click the file name and click "Copy Link Address" (if you're using Chrome) to save the URL of the file to your clipboard. Close pop up the media library pop-up (do not click "insert selected").

4. Highlight text you wish to link (if the link already exists, you can double click the link to change the URL), click the link button (Ctrl-K) and paste in the link (that you copied to your clipboard in step 3).

Advance Usage
6. Landing page overview
Overview

Editing Cards


7. Using the WYSIWYG editor

8. Column layouts
Column layouts allow you to format content to be side by side easily. Columns are mobile friendly and will automatically resize. The columns are an alternative to formatting in tables (which are not mobile friendly)
There are 3 layout options that can be mixed and matched: 2 column, 1 third, 2 thirds, and 3 columns.

2 Column
First column
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Second Column
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
1/3 Column
First column
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
Second Column
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
2/3 thirds Column
First column
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Second Column
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in
3 columns
First column
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in
Second Column
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in teur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Third Column
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in
You can mix column style with images and quotes for numerous layouts
1/3 column with image
First Column

Second Column
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in teur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in teur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in teur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
2/3 column with quote
First Column
Lorem ipsum dolor sit amet, consectetur adipiscing elit
John Doe
Second Column

9. In page anchors
In page anchors are useful for pages with a lot of content and/or several sections. In page anchors allow users to quickly navigate within the page. You can see an example on this Exams page.

1. Add anchor tags to sections you want to skip to using the "anchor" button in the editor. Give it a name (no spaces or symbols) -- e.g., upperyear

2. Expand the "anchor links" section and enter "On this page" into the anchor links headings field.
Click "add new content item" to add your first link in the right. The Link text is what's written in the box. The link anchor is the # plus the name you put in step one. E.g., #upperyear

3. Click add new content item to add another link.
10. On page navigation
Through the use of columns and full width buttons, you can create in page navigation.

In the WYSIWYG editor, add a horizontal line, then a 3 column layout. In each of the columns, create a button (through the link settings -> Unit button, full width). After the 3 column layout, add another horizontal line.
