You are now in the main content area

Image with Optional Text Component

This component is used to display an image on a web page. This component can also display optional text.

  • Found in Sidekick > Content
  • Required content: Image
  • Optional fields: link, overlay text, optional text, title, course linker
  • Custom Colours Applicable:  No  
Image + text component

Lorum ipsum dolor lorum ipsum dolor (optional text)

How to use

  1. In Sidekick > Content, click on "Image with Optional Text"
  2. Drag "Image with Optoional Text" onto page
  3. Double click, or right-click to edit
  4. Add image using the content finder on the left
  5. Required fields:
  6. Optional fields: link, open in new window checkbox, Overlay Text, Alt Text, Title, Optional Text
  7. Click "Display As" tab
  8. Select display option -- vertical, horizontal (1:2) Media Left, Horizontal (2:1) Media Right, Horizontal (1:1) Media Left or Horizontal (1:1) Media Right
  9. Click OK
Screen capture of how t drag image with optional text

Drag and drop the Image with Optional Text component from the sidekick

Optional Button Feature

The Optional Button feature is located at the bottom of the Image with Optional Text component. It allows the option of adding one button below your text.

  1. Type in the name of the button
  2. Enter the Path/URL
  3. Click OK

Note: The colour of the button is based on the accent colour of your site.

Display Options

  • Vertical (Default) - Image and optional text are stacked vertically

  • Horizontal (1:2) - Image aligned left

  • Horizontal (2:1) - Image towards the right

  • Horizontal (1:1) - Image and text evenly spaced. Image left: text right

  • Horizontal (1:1)  - Image and text evenly spaced. Image right: text left
CN tower
Image with Optional Text with Horizontal (1:2) Media Left display.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.  

CN tower
Image with Optional text with Vertical (Default) display

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.   

Course link feature

The course linker automatically generates a link to a specific course in the Undergraduate Calendar.

Typing in the exact course code will:

  • automatically link the course code to the course calendar
  • automatically create hover text to show the course code, course name, and description

 Please write the course code exactly as it is in the calendar. Avoid extra spaces and use the same case.

For example, type CMN 100 and not cmn 100