The Question Stem and Answer Options can be formatted using the formatting toolbar just above the text, which is the Rich Text editor. The Rich Text editor controls do not auto-load by default when a user opens the Write Question page.
The Rich Text editor toolbar present near the top of all the dialogue boxes on the Write Question page is hidden by default when the page is opened. It only becomes available you click inside one of the text boxes, and only for that particular text box. You can then enter rich text content into the text box. Once you click on another such text box on the page, the Rich Text editor controls appear in the newly selected text box and it is hidden in the previous text box.
Rich Text editor controls are hidden in the text fields
Rich Text editor controls become visible in the text fields being used
Rich Text Editor functions:
|Undo||Undo the last action.|
|Redo||Redo the last action.|
|Cut||Cut the selected content.|
Copy the selected content.
|Select All||Select all the content in the editor.|
|Asset Manager||Add Assets to the text editor as required.|
|Equation Editor||Add mathematical formulas. For more details see the Writing for a Project topic.|
Insert a special character. This icon opens a window that shows all the available custom characters:
Users can insert a non-breaking space using the very first option in the Special character pop-up window, or using the Ctrl+Shift+Spacebar keyboard combination. The HTML code looks like this:
|Dynamic Text||Only available if the item type = Display Type in a DT template itembank.|
|Bold||Apply bold formatting to the selected text.|
|Italic||Italicize the selected text.|
|Underline||Underline the selected content.|
|Superscript||Apply superscript formatting to the selected content.|
|Subscript||Apply subscript formatting to the selected content.|
|Clear formatting||Clear all the formatting on the selected content.|
|Table||Insert a table. Click and drag across the grid to select the desired number of columns and rows.|
Use the General table properties to adjust the table width (all cells are the same width), cell spacing (the space, in pixels between cells), cell padding (amount of space inside cells between the cell border and the cell content) , table border width, and alignment of the table within the text editor. Use Caption to add a table caption. The grayed out table properties are not supported by QTI, therefore they have been disabled in the properties window.
Use the Advanced table properties to apply a background color to the entire table. See Color Selector instructions listed below for instructions on using the color selector.
|Delete table||Place your cursor anywhere within the table and select Delete table. The entire table is deleted.|
Use the Table → Cell menu to merge cells, split cells, and open the Cell properties pop-up window.
Use the General Cell properties to adjust the width of selected cells, and to change the horizontal alignment of the text within the selected cells. Use the Cell type to specify either Cell or Header Cell. Selecting Header Cell generates the <th> tag in QTI. The grayed out table properties are not supported by QTI, therefore they have been disabled in the properties window.
Use the Advanced Cell properties to apply a background color to the selected cells. See Color Selector instructions listed below for instructions on using the color selector.
Use the Table → Row menu to insert rows before or after the selected row, delete the selected row, and open the row properties pop-up window. You can also cut or copy the selected row, as well as paste a row before or after the selected row.
Use the General Row properties to specify the type of row: Header, Body, or Footer. The grayed out table properties are not supported by QTI, therefore they have been disabled in the properties window.
Use the Advanced Row properties to change the background color of the row. See Color Selector instructions listed below for instructions on using the color selector.
Use the Table → Column menu to insert columns before or after the selected column, and delete the selected column. You can select a column and Copy it. If you want to paste the column you must use the keyboard shortcut Ctrl+V. Use caution with pasting. It will paste the contents over the top of the selected column. If you want a duplicate column of text, insert a new column and then paste the content into the newly inserted column.
|Check the spelling of the selected text against the built-in dictionary.|
|AutoCorrect||Select the desired text and click the Tools → AutoCorrect menu. If there is an auto correct entry that matches the selected text, the system replaces the select text with the auto correct text. If no auto correct entries match the selected text, a message notifies you that no replacement is available for the selected text. See the 6.6.2 Auto-Correct Tab topic for details on creating Auto-correct entries.|
Find and replace
|Find or find/replace the selected text.|
Edit the HTML source code of the entered text.
See New Rich Text Editor HTML Source code editor on the 2.6.1 Work with HTML Content topic for more details on working with HTML content.
See 2.6.5 Supported HTML Elements and Attributes for details on supported HTML tags.
|Fullscreen||Toggle between full screen and regular view of the selected field.|
Change the font style of the selected text.
|Change the font size of the selected text.|
|Change the font color of the selected text. Select one of the predefined colors in the grid or click the Custom link. See Color Selector instructions listed below for instructions on using the color selector.|
Bold & Italic
|Apply bold or italic formatting to the selected text.|
Change the alignment of the selected text: left, right, center, or full alignment.
Bullet list & Numbered list
Place the selected text in a bulleted or numbered list.
For Bullets you can choose from Circle, Disk (default), or Square.
For Numbered lists you can choose from Default (1, 2, 3, etc.), Lower Alpha (a, b, c, etc.), Lower Roman (i, ii, iii, etc.), Upper Alpha (A, B, C, etc.), and Upper Roman (I, II, III, etc.).
Decrease & Increase indent
Decrease or increase how much the selected text is indented.
If you increase the indent for Numbered lists, the indented level automatically renumbers using the same numbering style (see image below). You can select the indented numbers and change to a different numbering format (for example, a,b, c, etc.).
If you increase the indent for bulleted lists, the indented level automatically switches to the other bullet styles.
Work with the new Color selector
In order to use the new color selector, you have 3 options to identify the desired color:
- Click and Drag
- Open the color selector pop-up window.
- First click on the desired color in the rainbow band in the middle of the window.
- Click and drag the circle in the color pane on the left side of the window until you get the desired color. The color is displayed in the big color box in the lower right corner above the OK button.
- Click OK
- Enter RGB values
- Enter the Red, Blue and Green values for the desired color.
- Click OK.
- Enter the Hex color value
- Enter the Hex value for the desired color. You do not need to enter the #, just type in the Hex number.
- Click OK.