Description

A majority of your site will consist of basic pages that contain a title and a body. The body can be any combination of formatted text and images.

Jump to:

• Creating a new page
• Adding a page to the Menu
• Giving the page a custom URL alias
• Removing a page
• Best Practices

 

Rich Text Editor

The image on this page shows an example of the fields you should expect to see when adding a new basic page. The body of the page is generated using the rich text editor (RTE).

For more information using the RTE please view the following: Working With the Rich Text Editor.

When creating or updating a basic page you have several publishing options you can configure. See Content Settings for more information on these options.

 

Usage

 

Creating a new page

To create a new page,

1. Navigate to Add Content > Add Basic Page using the administrative toolbar
   • This will bring up the content edit form for the Basic Page content type.
2. Provide a Title for you page
3. Provide content for the Body of your page
   • For details on text formatting see the section on working with the Rich Text Editor
4. Click Save 
   • Note: If you navigate away from this page without clicking the Save button, your changes will be lost.

 

Adding the page to the Menu

Whether you a adding a new page or editing an exisiting one, you can add a page to the menu by:

1. Scolling to the bottom of the basic page editor screen to find the content settings
2. In the Menu Settings tab, check the option Provide a menu link
3. Choose the Parent Menu Item
   • The page you are adding or editing will be a subnavigation and appear under the page you choose in this step
   • To have the page as a top level menu item, select <Main Menu>

For more information on how to manage the menu, see Managing the Menu.

 

Giving the page a custom URL alias

In some situations, you may wish to give your page a custom path to have an easier to type URL. In general, we recommend using the default settings.

To override the default settings do the following:

1. Click on the URL path settings tab in content publishing settings section at the bottom of the basic page editor screen
2. Uncheck the option Generate automatic URL alias
3. Enter your alias in the URL alias field
   • The www.utm.utoronto.ca/your-subsite/ portion will be added automatically
   • Note: only enter the portion after your subsite name (a relative path) with no leading or trailing slash or your page may become inaccessible. For example: path/to/your/page

For more information about URL aliases, see URL aliases.

 

Removing a page

1. Navigate to Find Content > Find Pages (including Webforms)
2. In this page, all of your pages will be listed. Find and click on the item you would like to edit.
3. In the content page, click Edit
4. To remove an item from display considerations, you can do so with one of two ways:
   • Unpublish (Recommended)
     • At the bottom of the page under Publishing Options, uncheck the "Publish" option
     • Save
     • Note: You can re-publish the item by checking the "Publish" option again and saving
   • Delete
     • Note: This action is permanent and there would be no way to recover data once it is deleted. This should be done only for pages that for sure you wouldn't need in the future.
     • Click the delete button at the bottom of the page and confirm

 

Best Practices

• Leave automatic URL alias checked.
• Appropriately scale images before using them in your pages.
• Use the appropriate syntactical styles; See Accessible Text, Headings and Documentation and Pre-defined Styles in the RTE.

 

Description

A Call to Action is intended to grab a user's attention and draw them to a particular page or site.

Jump to:

• Creating a CTA
• Adding CTA to pages
• Removing a CTA
• Best Practices

 

Specifications

A call to action can exist on any page, however it can only appear on the right-hand side (Right Sidebar Region). All Call to Action content contains:

• Title
• Image
  • Use images that are at least 480px wide
  • The images will retain its aspect ratio and scale accordingly
• URL with a title
• [Optional] Short blurb or description

 

Usage

 

Creating a CTA

To create a call to action content,

1. Navigate to Add Content > Add Call to Action using the administrative toolbar
2. Provide a title
3. Provide an image
   • Click "Choose File"
   • Select the image you wish to use and confirm
   • Click Upload
   • Provide an alternate text
4. Provide a blurb or a short description. This is optional
5. Provide a title and a URL
6. Click "Save"

 

Adding the CTA to pages

To add your call to action block to pages,

1. Navigate to Manage Site > Blocks using the administrative toolbar
2. In the section titled Disabled, find the item with the title of your call to action content and click Configure to go to the block's settings page.
   • You should find an item with the title you provided when you created the call to action
   • Example: (Nodeblock: Call to Action): Title
3. In the Region settings section of the block's setting page, locate Fawn (default theme) 
4. In the dropdown below this theme, choose Right Sidebar.
   • Important: CTA Blocks should only be added to the Right Sidebar
5. To add the block to pages, scroll down to the Visibility Settings section.
6. On the Pages tab under Show block on specific pages choose Only the listed pages
7. In the textarea below, enter the path for each page you want your call to action to appear on (one per line).
   • They should be relative paths of the form "path/to/your-page" excluding the "www.utm.utoronto.ca/your-subsite/" portion.
     Tip: You can enter <front> to place the block on the front page. See an example of block visibility.
8. Click Save block at the bottom of the page.

Your call to action will now appear on every page you listed in step 7!

For more information on blocks see Managing Blocks.

 

Removing a call to action

There are multiple ways to remove a CTA from display.

1. Disable Blocks
   • This simply disables the block from view. The actual content will continue to exist.
2. Unpublish or Delete Content
   • This targets the content directly.

Disable Block

1. Navigate to Manage Site > Blocks
2. Locate the block you wish to disable and change the Region from Right Sidebar to None
3. Click Save

Unpublish or Delete Content

1. Navigate to Find Content > Find Call to Action
2. In this page, all of your pages will be listed. Find and click on the item you would like to edit.
3. In the content page, click Edit
4. To remove an item from display considerations, you can do so with one of two ways:
   • Unpublish (Recommended)
     • At the bottom of the page under Publishing Options, uncheck the "Publish" option
     • Save
     • Note: You can re-publish the item by checking the "Publish" option again and saving
   • Delete
     • Note: This action is permanent and there would be no way to recover data once it is deleted. This should be done only for pages that for sure you wouldn't need in the future.
     • Click the delete button at the bottom of the page and confirm

 

Best Practices

• Avoid images of text where possible. See more about images of text.
• Keep the blurb short.
• Your link title should represent an action (e.g. "Act now", "Register here", "Learn more", etc.).
• If linking to a page within your site, try using a relative URL in the URL field
• It is recommended that CTAs be placed in the Right Sidebar region for your pages only for consistent placement throughout the site.
• When placing the Call to Action block, try to limit the placement to pages that are relevant to the URL it is linking to. For example, if your Call to Action is targeted at new students it might not make sense to have it appear on pages targeted to returning students.

 

---

Legacy versions: UTM Minor

Description

The Hero Image is a new content type in Fawn. It is display banner feature in the homepage of a site that has an image, a title, and a link.

Jump to:

• Adding a Hero Image
• Removing a Hero Image
• Best Practices

 

Use Case

This feature is meant to highlight content on the home page and direct users to more information.

Specifications

• Images
  • Max displayed size at the moment is 3840px x 1296px (w x h)
  • Images of any size will be scaled and cropped to accordingly, so if something is slightly too small, it should still work
  • High quality appropriately sized images will yield best results
• Items
  • A max of four (4) hero images will be displayed. The four images with highest priority will appear first
  • If there are no hero items, the banner will not be displayed
  • If there is only one (1) hero item, the slide indicator and pagination will not display
• Sort
  • Ordering is determined:
    1. First if the “Sticky at top of lists” checkbox is checked from the publishing options
    2.  Followed by the weight from lowest value to highest value
       • Note: two items with the same weight will be sorted alphabetically by title
    3.  And finally by most recently changed

 

Usage

 

Adding a Hero Image

1. Navigate to Add Content > Add Hero Image
2. Provide a title
3. Provide an image and an alt text
4. Provide a link and a link title
5. Specify weight. This is what dictates the sort order
6. Save

 

Removing a Hero Image

Note: Only a maximum of 4 items are displayed and the items are prioritized based on the sort order.

1. Navigate to Find Content > Find Hero Images
2. In this page, all of your hero items will be listed. Find the item you would like to edit and click "Edit"
3. To remove an item from display considerations, you can do so with one of two ways:
   • Unpublish (Recommended)
     • At the bottom of the page under "Publishing Options", uncheck the "Publish" option
     • Save
     • Note: You can re-publish the item by checking the "Publish" option again and saving
   • Delete
     • Warning: This action is permanent and there would be no way to recover data once it is deleted
     • Click the delete button at the bottom of the page and confirm

 

Best Practice

• Avoid using images with text information on it. It is not accessible and may be visually cut off.
• Use short and concise titles for both the hero title and the link title
• Use relative paths when linking within your site

 

---

Note: This replaces the old Feature Image and Feature Box feature.

Description

The news content type is used to publish time sensitive content such as stories about events, initiatives or people/groups. 

Jump to:

• Create news content
• Remove news content
• Best Practice

 

Use Case

News content should be noteworthy, should relate to something recent (not “old” news) and ideally it should quote individuals who are relevant to the story. It should also include a relevant image with sufficient alt-text (see: Accessible Images and Multimedia) for which your department, UTM, or U of T holds full rights.

Display

In addition to the news page that the news content type generates, news content items are also automatically listed in pre-defined news listing display.

There are three displays that lists news items:

1. News Listing Page
   As mentioned on the Available Content Types page, there is a pre-defined path for all news articles. You can access this by going to /<your-subsite>/news where <your-subsite> is replaced with the url for your Drupal subsite. For example, http://www.utm.utoronto.ca/iits/news. 
2. News Listing Blocks
   In addition to this page there are two block options available for your subsite. It is generally reccommended that news listing blocks are displayed on the homepage. Blocks are available upon request. Send request via the ticket system (https://uoft.service-now.com/utm_iits).
   1. Headlines Display
      This block lists the 4 most recent articles. It only displays the Title and Date and links to the article. This block appears in the right sidebar region. See Figure 1.
   2. Grid Display
      This block displays 2 or 4 most recent articles. This setting can be configured accordingly upon reqquest. It displays the image, title, and date and links to the article. This block appears in the content region. See Figure 2.

 

Specifications

• Image (Image Field)
  • Images uploaded in this field is what is featured at the top of the article page. It is also what appears in grid listing views
  • It is recommend that images be at least 1110px wide
  • Larger images will scale appropriately or used in high resolution scenarios
  • If using the Grid News Listing Block, a gray placeholder will be displayed if there is no image set for the article
  • In the article page, images will attempt to cover the banner space while retaining aspect ratio. A filler background based on the image will fill in the remaining space in the event that the image is too small to span the entir width of the banner space
  • Images should have an alt-text
  • Your department, UTM, or U of T should hold full rights to the image being used
• Body
  • The body of the article uses the rich text editor. See Working with the Rich Text Editor (RTE) for further information
  • While images within the body isn't constricted by specific measurements, it should follow the same best practices. See Working with Images for further information
• Metadata
  • Date
    • The date specified in date field appears in listing views as well as the article page
  • Author
    • Author of the article
  • Author's email
    • E-mail address of the article's author

 

Usage

Create news content

1. Navigate to Add Content > Add News
2. Provide a Title
3. Specify a Date & Time
   • This appears in the meta data
4. [Optional] Provide an Author's Name
5. [Optional] Author's Email
6. Provide an Image
   • Click Choose File
   • Select the image you wish to use and confirm. Note: It is recommend that images be at least 1110px. Please see specifications above for more information
   • Click Upload
   • Provide an alternate text
   • [Optional] Provide Image Caption
   • [Optional] Provide Photo Credit
7. [Optional] Provide Subheader/Teaser Text
8. Add your content in the Body
   • See Working with the Rich Text Editor (RTE) for further information
9. Click Save

Your news page will now be published and will appear in any news listing display.

 

Remove news content

1. Navigate to Find Content > Find News
2. In this page, all of your pages will be listed. Find and click on the item you would like to edit.
3. In the content page, click Edit
4. To remove an item from display considerations, you can do so with one of two ways:
   • Unpublish (Recommended)
     • At the bottom of the page under Publishing Options, uncheck the "Publish" option
     • Save
     • Note: You can re-publish the item by checking the "Publish" option again and saving
   • Delete
     • Note: This action is permanent and there would be no way to recover data once it is deleted. This should be done only for pages that for sure you wouldn't need in the future.
     • Click the delete button at the bottom of the page and confirm

 

Best Practices

• News writing uses the “inverted pyramid” form of storytelling, which clusters the most important information at the beginning of the story (the “who/what/where/when/why”), followed by details of diminishing importance. Further information can be found at:

  • https://en.wikipedia.org/wiki/Inverted_pyramid and 

  • https://owl.english.purdue.edu/owl/resource/735/04/

• Keep news stories short, particularly on the web. Limit the word count to no more than 400-500 words. Titles and captions should also be short.

• Use active verbs, and avoid long or convoluted sentences. Clarity is best.

• Include links wherever relevant.

• Put the names of U of T Mississauga faculty, staff or students mentioned in the copy in bold text.

• If you are republishing the story from another source, ensure that you have permission to do so, and include the name of the author and a link to the original source.

 

---

Legacy versions: UTM Minor

Description

This content type is used to create profiles for departmental listings. It includes fields that capture information such as contact information for the individual, educational background, teaching information, and publications. An automatic listing page of these profiles is available.

Note: In order to use this content type, it must first be configured for your website by I&ITS.

Jump to:

• Creating a profile
• Removing a profile
• Manage Faculty & Staff Profiles Settings
• Set a profile as sticky
• Best Practices
• Manage Faculty & Staff Categories
• Manage Research Area

 

Fawn

In Fawn, customization to people categories and the listing page layout is available. Editors can now use limited settings to specify:

• Grid layout:
  There are options to display the listing in either one-column, two-column, or three-column layouts.
• Groupings / Categories
• Fields to show in the cards

Additional improvements include:

• Placeholder for entries without images will now use the individual's initials
• Visual indicator for entries stickied at top of lists
• Accessible and responsive look & feel

 

Usage

Creating a profile

1. Navigate to Add Content > Add Faculty & Staff Profile
2. Fill in required fields and other fields in which you want to provide with content
   • Photo: It is best to provide images that are atleast 550px by 550px in size.
   • Categories: This field dictates how the listing will be categorized and grouped. Read more about the Faculty & Staff Catogeries.
   • Research Area: This field dictates how the listing will be categorized and grouped when filtering the list by Research Area. Read more about the Research Area.
3. Click Save

The profile page is now published and will appear in appropriate listing displays.

 

Removing a profile

1. Navigate to Find Content > Find Faculty & Staff Profiles
2. In this page, all of your pages will be listed. Find and click on the item you would like to edit.
3. In the content page, click Edit
4. To remove an item from display considerations, you can do so with one of two ways:
   • Unpublish (Recommended)
     • At the bottom of the page under Publishing Options, uncheck the "Publish" option
     • Save
     • Note: You can re-publish the item by checking the "Publish" option again and saving
   • Delete
     • Note: This action is permanent and there would be no way to recover data once it is deleted. This should be done only for pages that for sure you wouldn't need in the future.
     • Click the delete button at the bottom of the page and confirm

 

Managing Faculty & Staff Profiles Settings

 

The Faculty & Staff Profile settings must first be enabled by an administrator. Please contact us and request to enable it if it isn't already.

Once enabled, you can acess the settings page by navigating to Manage Site > Faculty & Staff Profile Settings. In this page, you can specify layout options and toggle the visibility of fields for the profile listing page.

Layout

• Grid
  Displays the people in the listing page in a grid of either one, two, or three columns.
• Category
  Groups the people in the listing page according to their category. Read more about the Faculty & Staff Catogeries.

Field Visibility

Note: A field will not be displayed if there is no content/data regardless of settings.

• Link Name to Profile
  Enables the individual's name to link to their full profile page.
• Show Picture
  Enables the profile picture to be displayed on the listing page. If the individual doesn't have a photo, a placeholder (a grey box with their initials) will be displayed instead.
• Show E-mail
  Enables the email field to appear in the contact information on the listing page.
• Show Office Hours
  Enables the office hours field to appear in the contact information on the listing page.
• Show Website
  Enables the website field to appear in the contact information on the listing page.

Note: These settings are only for people listing pages. A profile page will display all information as long as the fields are not empty and information is provided. The settings set here affects all people listings in the entire site.

 

Set a profile as sticky

People are sorted alphabetically by last name. You may highlight one particular individual and have them appear at the top of list by assigning that individual "sticky at top of lists".

To highlight a profile:

1. Add a new faculty staff profile OR edit an exisiting one
2. Scroll to the bottom of the page, and go to the Publishing Options tab
3. Select the option Sticky at top of lists and click Save

Note: This feature is meant to highlight one or two profiles and take them out of the default sort order. This should be used sparingly and only where it makes sense.

 

Best Practices

• Sticky should only be applied to actual highlighted or stickied content. Do not make alot of profiles sticky.
• Let the automatic listing page do the heavy lifting of generating the list of profiles instead of making your own listing page
• Periodically check the profile listing to ensure content is up to date

 

---

Note: Customization to categories and listing page layout is only available in Fawn.

Description

This content type is used to collect data from external users. Results can be e-mailed to you or downloaded from the edit server into an Excel format.

 

Best Practices

• Request as little personal information as possible
• Clear webform results where personal information is captured once the information is taken offline

 

In this section, we will discuss the Text formatting options available within the RTE.

All formatting is done via the formatting options highlighted in the image below.

• Options for customizing the font, font size, and font colours are not available. This is so that formatting remains consistent between various subsites and maintains a similar look and feel.
• Remember: If everything is highlighted, then nothing stands out.
• Best practices suggest that a maximum of three font sizes per page is best.

 

Style options via Styles dropdown

This is the primary source of applying pre-defined styles to your text. Some content elements such as lists or tables have additional style options appear when selected.

For a full breakdown of styles available, see Pre-defined styles page.

 

Bold, Italics, Underline, and Script Characters

Applying basic formatting (b​old, italic, underline, _subscript, ^superscript) to your text is simple. Simply highlight the text you want to change and click the appropriate formatting button shown below.

Removing this formatting is as simple as placing the insertion point anywhere within the formatted text and pressing the appropriate formatting button again. Alternatively, you can highlight the text to remove the formatting from and click either the formatting option you wish to remove or the "Remove Format" button if you wish to remove all styles.

Lists and Indents

There are two forms of list: ordered (or numbered) lists and unordered (or bulleted) lists. List and indents are very closely related. If you press the indent button while creating a list it will allow you to create a sublist below the previous list item.

While creating a list, pressing the enter key will add another item to the list. Pressing enter a second time will terminate the list and return you to editing a paragraph.

 

Creating a list

Step 1 - Place your cursor where you want to insert your list or on a line that you want to become a list item

Step 2 - Press the appropriate list button

Step 3 - Enter your list text

 

Creating a sublist

Step 1 - Create parent list item and press enter at the end of the line

Step 2 - Press the Increase Indent button

Step 3 - Change list type (if sublist should be of a different list type)

Step 4 - Edit the sublist as you would a normal list

Step 5 - Press ENTER twice to go back to editing your list or press the Decrease Indent button

 

Indents

Text can be indented as well. Note: This will indent the entire text block and not just the first line.

To create indented text, place your index anywhere in the block of text you want to indent and press the indent button. This can be indented up to 4 times. You can go back one indent level by pressing the Decrease Indent button.

This text is indented.

 

New Lines

Hitting the Enter key will start a new paragraph. If you press CTRL + Enter this will insert a line break without starting a new paragraph.

This is a paragraph.

This is also a paragraph.
This is a new line in paragraph #2.

 

This page provides step-by-step instructions (with pictures) for inserting images and media into your content.

Jump to:

• Inserting Images
  • Step-by-step guide
• Captioned Images & Alignment 
• Inserting Youtube Videos & Media

 

Inserting Images

The steps below will outline the process of adding a new image to your content. If your image has already been uploaded previously, you can skip from step x to step y.

1. Click on the Image  button
2. In the image dialog window, click on the button labelled Browse Server. This will open a pop-up file browser in a new window.
3. Select the folder you want the image to be uploaded to (or the location of the existing image if it has been previously uploaded) on the left-hand side in the Navigation window.
4. Click on the Upload button in the upper left-hand corner on the file browser menu bar.
5. Click on the Choose File button.
6. Select your image and click open.
7. Click on the button labelled Upload in the bottom of the upload dialog.
8. Select your image file from the listing window in upper right quadrant.
9. Click on the Insert file button with the green checkbox in the file browser menu bar. This will close the file browser window and fill in the path to your file in the editor field.
10. Enter your Alternate text. For more on alternate text see Alternate Text.
11. Press the OK button at the bottom of the image dialog window.
12. Your image should now appear in the editor window.

For visual aids regarding the instructions above, see Uploading & Inserting Images.

 

Captioned Images & Alignment

You can now create captioned images. When you add an image you can check the ‘Captioned Image’ checkbox. This will create a caption box below the image for an image description or photo credit. 

Alignment of Images

You can control the positioning of the images from this menu as well. Selecting left, right or center from this screen will align the image (captioned or not) as it previously did when selecting the Left, Right, and Centered styles from the style dropdown menu. Those styles no longer exist. 

 

Youtube Video & Media

YouTube embeds can now be done simpler by placing [embed <YouTube video URL>].

Examples: 

This can just exist in the body of the text and it will be replaced, although adding it to its own line is recommended. You should no longer have to use the Embed Media button. Make sure it is plain text when pasting in the editor. You will see it changed on the page when saved or previewed, but it will appear as the embed text in the editor 

Best Practice

Use the url that youtube provides when sharing a video to avoid extra parameters in the URL that could yield unwanted results.

Support

Currently the only supported format for embedded media is YouTube. We will add more format as we continue to develop and improve the theme and its functions.

 

---

Legacy version: UTM Minor

This page outlines how to create new links in your content, edit existing links, and other linking features of the Rich Text Editor.

Jump to:

• Link Types
• Updating Existing Links
• The Target and Advanced Tabs
• Button Links
• Accessibility

 

Link Types

Within the rich text editor there are 5 types of links you can easily create.

1. Internal links which link to other pages on your subsite. ​
   • Creating an internal link.
2. External links which link to pages on other sites, including subsites other than the one you are currently editing.
   • Creating an external link.
3. E-mail links which create a link to send e-mail to a specific e-mail address.
   • Creating an e-mail link.
4. File links which link to a file that you upload to your site.
   • Creating a link to a file.
5. Anchor links which link to a specific position within a page.
   • Creating an anchor.
   • Creating a link to an anchor.
   • Linking to an anchor on a different page in your subsite.

 

Internal Links

These are links that are within your own Drupal site.

Step 1 - Highlight text to be linked

If you do not highlight any text the link will be created at the current insertion point and the link text will be the page title.

Step 2 - Click the link button

Step 3 - Choose Internal path for the Link Type

Step 4 - Enter the title of the page you wish to link to

When you begin typing the title of the page you should see an auto-complete list of titles below the Link field. If you see the title you are looking for click on it.

Step 5 - Click OK

When you have selected a title, the field will complete itself with a (node/##). If you can see the full title and don't see the (node/##) section, it likely means that it did not find your page correctly.

If you see the (node/##) portion press OK and your text will be linked.

 

External Links

Step 1 - Highlight text to be linked

If you do not highlight any text the link will be created at the current insertion point and the link text will be the URL you are linking to.

Step 2 - Click the link button

Step 3 - Select URL from the Link Type dropdown

Step 4 - Enter URL in the URL field

Step 5 - Click OK button

 

E-mail Links

Step 1 - Highlight text to be linked

If you do not highlight any text the link will be created at the current insertion point and the link text will be the e-mail address you are linking to.

Step 2 - Click the link button

Step 3 - Select E-mail from the Link Type dropdown

Step 4 - Fill in E-mail address and optionally add a default title or body

Step 5 - Click OK button

 

File Links

Step 1 - Highlight text to be linked

If you do not highlight any text the link will be created at the current insertion point and the link text will be the URL you are linking to.

Step 2 - Click the link button

Step 3 - Select URL from the Link Type dropdown

Step 4 - Click Browse Server button

Step 5 - Locate the file you want to link to

Step 6 - Press Insert File button

Step 7 - Press OK button

 

Creating an Anchor

Step 1 - Place the insertion point where you wish to place the anchor

Note: the insertion point is placed before "Anchored heading"

Step 2 - Click Anchor button

Step 3 - Enter a name for the anchor

Step 4 - Click OK button

Creating Anchor Links

Step 1 - Highlight text to be linked

If you do not highlight any text the link will be created at the current insertion point and the link text will be a pound sign followed by the ID or anchor name. For example: #anchor-links

Step 2 - Click the link button

Step 3 - Select "Link to anchor in the text" from the Link Type dropdown

Step 4 - Choose anchor or ID to link to

Step 5 - Click OK button

 

Linking to an anchor on a different page in the same subsite

Suppose you have an anchor in different page on your subsite that you wish to link to from your current one. You will need the following information in order to create this link:

• The node ID of the other page (node/###)
• The anchor name

When creating your link use the following settings:

• Choose URL from the Link Type dropdown
• From Protocol choose <other>
• Set the URL field to be your subsite (if you have a www.utm.utoronto.ca/subsite URL), the node path, followed by an octothorpe (#), followed by the anchor name.
  For example, /subsite/node/10#my-anchor

 

Updating Existing Links

Click anywhere in the link you wish to update. Click the link button. Edit the link to the new location. Click ok.

 

Changing an existing link

Step 1 - Click anywhere in the link to be modified

Step 2 - Click the link button

Step 3 - Update the URL, anchor, e-mail address or internal link to the new location

Step 4 - Press OK

 

Removing an existing link

Step 1 - Click anywhere in the link you wish to remove

Step 2 - Click the Unlink button

 

The Target and Advanced Tabs

You may have noticed there are two other tabs along the top: Target and Advanced. These options are available for all link types, but may have some accessibility impact. See Accessible Navigation and Links for more on these impacts.

 

Target

These settings in this tab allow you to change the behaviour of how the link is opened. In general, you should just use the default. Most of the options are disabled or will provide unexpected behavior. It is recommended you only use the following:

<not set>

Recommended. Default option. Loads in the same window.

Same Window (_self)

Loads in the same window. Same as default.

New Window (_blank)

Opens in a new window. Note: This has accessibility concerns.

 

Advanced

These settings allow you to enter additional metadata about your link. In general, you shouldn't need to change any of these settings. If you do need to change any of these settings, the following are the important ones:

Id

A unique identifier for the link element in the document (id attribute).

Language Direction

The direction of the text: left to right (LTR) or right to left (RTL) (dir attribute).

Language Code

The language of the link element specified according to RFC 1766 (lang attribute).

Advisory Title

The text of the tooltip that is shown when the mouse cursor hovers over the link (title attribute).

Advisory Content Type

The content type of the link (type attribute).

Linked Resource Charset

The character set of the linked resource (charset attribute).

Relationship

The relationship between the current document and the link target (rel attribute).
The most common use of this would be to use the value "nofollow"

 

Button Links

You can add a button style to the link.

1. Highlight the selected text/link
2. In the style drop down, select either Button or Button Block Style
3. Click Save

Accessibility

See Creating Accessible Hyperlinks

 

This section contains tools and methods for a standardized way of organizing content within the Rich Text Editor (RTE).

Content Grid

A bare content style that adds a responsive and accessible multi-column layout option for content on basic pages or long text fields that use Rich Text Editor (RTE).

Learn more about Content Grid

 

Image Grid

Image grid is a content style that takes a list of image links / buttons and displays it in a grid. It provides a consistent look and feel that is responsive, accessible and on brand.

Learn more about Image Grid

 

When editing, you can turn on automatic spell checking by selecting Enable SCAYT from the Spell Check As You Type menu item. It is denoted by an ABC icon with a checkmark. Once enabled, you can even spell check different languages.

Clicking on the Check Spelling menu option will bring up a full spell check pop-up with a grammar checker and a thesaurus. Unfortunately, the grammar checker and thesaurus are not available when the language is set to Canadian English.