Drupal Tutorials & Help

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.
​​​

 

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".

1. Highlight the text you wish to add the link to
2. Click the link button (CTRL-K) in the editor
3. Enter the page title or URL. Hint: If there are multiple pages with the same title, note the "node" number.
4. 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.

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:

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).
​​​​

Overview 

Editing Cards

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

1/3 Column

2/3 thirds Column

3 columns

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

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.

Through the use of columns and full width buttons, you can create in page navigation.

For example:

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.