Using the formatting toolbar
The formatting toolbar lets you control the appearance of selected text when creating items or source material. The formatting toolbar also allows you to change the content type on certain entry fields from text to equation, image, or table.
This article explains how to use the formatting toolbar in standard (HTML) and legacy subject items and source material.
In this article
Finding the formatting toolbar
The formatting toolbar is available in the following locations:
- Item question stems
- Answer options for the following question types:
- Multiple Choice
- Multiple Response
- Either/Or
- Advanced Short Answer (HTML subjects only)
- Advanced Numerical Entry (HTML subjects only)
- Introduction Page, Information Page, and Finish Page text fields
- HTML source material text fields
To reveal the formatting toolbar, select the text field.
Standard formatting toolbar options
The following options are visible by default. Highlight a selection of text before choosing an option to apply changes only to that content.
Icon | Setting | Description |
---|---|---|
Bold (Control+B) | Makes text darker. | |
Italics (Control+I) | Makes text italicised. | |
Underline (Control+U) | Adds a horizontal line below the text. | |
Align Left | Aligns text along the left margin. | |
Centre | Aligns text in the middle of the content area. | |
Align Right | Aligns text along the right margin. | |
Strikethrough | Adds a horizontal line through the middle of the text. | |
Insert Horizontal Line | Adds a horizontal line between paragraph blocks. | |
Bulleted List | Starts a bulletpoint list at the cursor’s position. | |
Font Name | Choose your typeface. Read ‘Choosing fonts’ below for more information. | |
Font Size | Choose the size of your text. | |
Insert Special Character | Opens the Select Special Character dialog. Select a special character to add it to the text. For more information, read About special characters. | |
Text Colour | Changes the colour of your text. | |
Table Editor |
Adds a table. Read Creating tables in items for more information. |
|
Add Assistive Content |
Add assistive media. Read Adding assistive media to an item for more information.
NOTE: This option only appears in the formatting toolbar for Multiple Choice, Multiple Response, and Either/Or questions' answer options.
|
|
Resize |
Makes all content in stem visible without a scrollbar. |
Choosing fonts
Expand the following section for a table detailing which fonts are available in Surpass on different operating systems.
Font Type | Windows | MacOS | iOS |
---|---|---|---|
Arial/Arial, Helvetica (Sans-serif) |
|||
Arial |
|
|
|
Helvetica |
|
|
|
Comic Sans MS/Comic Sans MS, Comic Sans, Chalkboard, Chalkboard SE (Sans-serif) |
|||
Comic Sans MS |
|
|
|
Comic Sans |
|
|
|
Chalkboard |
|
|
|
Chalkboard SE |
|
|
|
Courier New/Courier New, Courier (Monospace) |
|||
Courier New |
|
|
|
Impact/Impact, Charcoal (Sans-serif) |
|||
Impact |
|
|
|
Charcoal |
|
|
|
Georgia/Georgia (Serif) |
|||
Georgia |
|
|
|
Lucida Console/Lucida Console, Monaco (Monospace) |
|||
Lucida Console |
|
|
|
Monaco |
|
|
|
Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande (Sans-serif) |
|||
‘Lucida Sans Unicode |
|
|
|
‘Lucida Grande |
|
|
|
Tahoma/Tahoma, Geneva (Sans-serif) |
|||
Tahoma |
|
|
|
Geneva |
|
|
|
Palatino Linotype/Palatino Linotype, Palatino (Serif) |
|||
Palatino Linotype |
|
|
|
Palatino |
|
|
|
Times New Roman/Times New Roman, Times (Serif) |
|||
Times New Roman |
|
|
|
Times |
|
|
|
Trebuchet MS/Trebuchet MS, Helvetica (Sans-serif) |
|||
Trebuchet MS |
|
|
|
Helvetica |
|
|
|
Verdana/Verdana, Geneva (Sans-serif) |
|||
Verdana |
|
|
|
Geneva |
|
|
|
MS Gothic/MS Gothic (Sans-serif) |
|||
MS Gothic |
|
|
|
Advanced formatting toolbar options
Select Advanced on the formatting toolbar to reveal additional options.
Icon | Setting | Description |
---|---|---|
Subscript |
Sets the character(s) below the line of type. |
|
Superscript |
Sets the character(s) above the line of type. |
|
Text direction from left to right |
Text travels from the left side of the content area to the right. |
|
Text direction from right to left |
Text travels from the right side of the content area to the left. |
|
Source |
Allows you to edit the current content area’s HTML source code.
WARNING: Editing the content area’s HTML source code may cause issues in test delivery, so it is vital you test and quality check how any edited HTML displays in delivery before scheduling a live test. For information on how to quality review a test in Surpass, read About the Quality Review panel.
IMPORTANT: Do not edit the source code of legacy subject items.
|
|
Templates |
Lets you insert a component template. |
|
Insert Comment |
Adds an inline comment. Read Leaving comments on items for more information. |
|
Insert image |
Inserts an image inline with text content. |
|
Styles |
Applies a pre-formatted style to the selected text. See ‘Applying styles’ below for more information. |
|
Remove Format |
Strips selected text of all formatting. |
|
Em Space |
Adds a space the width of a capital letter M. |
|
En Space |
Adds a space the width of a capital letter N. |
|
WIRIS EDITOR math |
Opens the WIRIS EDITOR math dialog in HTML subjects for the entry of inline equation content. See ‘Creating and adding equations’ below for more information. |
Adding images
You can add images in line with text content using the Insert image option, however you can also add an image as an entire question stem block or Multiple Choice, Multiple Response, and Either/Or answer option, except for an item’s first question stem.
Select the Image icon next to Advanced. In answer option fields, select the expand icon to find this.
Press Select Image to open the Media Library. Find or upload an image and select Add media to item. For information on uploading images to Surpass, read Importing files to the media library.
To add more text, equations, or tables, you must add another stem.
When an image has been added, choose from one of the following alignment options:
Icon | Description |
---|---|
Aligns image along the left margin. | |
Aligns image to the middle of the content area. | |
Aligns image along the right margin. |
If you want to change your image, select it to return to the Media Library. To delete an image, select Remove image from this text area .
To change a stem or answer option back to rich text, select the Text Editor icon.
Applying styles
Use Styles to apply formatting presets to your text. Expand the following section for a table detailing which styles are available in Surpass.
Style | Description |
---|---|
Border | Places a blue frame around the selected text. |
Emphasis | Increases the selected text’s size to the maximum value (24 px). |
Symbol Padding | Inserts a transparent 10 px border either side of the selected text. |
Capitals | Renders lowercase characters as small capitals. |
No Wrapping | Removes line breaks, rendering the selected string on one line. |
Strong Emphasis | Changes the selected text’s size to the maximum value (24 px), its colour to red, and the font to Times New Roman. |
Creating and adding equations
Equations can be created and added to items from the formatting toolbar.
To create and edit equations, select WIRIS EDITOR math , which opens a dialog where you can input equation content to be inserted inline with text.
Select OK to add the equation content and close the dialog. For more information on the equation plugin, refer to the MathType Web documentation.
In legacy subjects, equations can be created using the Equation Editor , which changes the stem block’s content type. To add more text, images, or tables, you must add another stem.
Further reading
Now you know the basic functionality of the formatting toolbar, read the following articles to learn more: