Navigation Menu

Click the "+" to see inside a chapter or use the search to the right.

.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The question stem and the answer options Question Stem and Answer Options can be formatted using the formatting toolbar just above the text, which is the Rich Text editor.

All of the icons on the toolbar are described here:

...

Icon

...

Description

...

Image Removed

...

To make the selected text bold, italicize, underline and/or strikethrough.

...

Image Removed

...

To add subscript or superscript format to the selected text.

...

Image Removed

...

To change the font style for the selected text.

...

Image Removed

...

To change the font size for the selected text.

...

Image Removed

...

To place the selected text in a bulleted or numbered list.

...

Image Removed

...

To insert/edit link or unlink the selected text.

...

Image Removed

...

To insert/edit anchor.

...

Image Removed

...

To cut or copy the selected text.

...

Image Removed

...

To paste or paste as plain text or paste from word.

...

Image Removed

...

To find or find/replace the selected text.

...

Image Removed

...

To increase or decrease indent or blockquote the selected text.

...

Image Removed

...

To reverse the immediately preceding action that was performed with either the keyboard or mouse.

...

Image Removed

...

To toggle between the full screen and regular view of the selected fields.

...

Image Removed

...

To preview the text.

...

Image Removed

...

To change the color for the selected text.

...

Image Removed

...

To check spelling of the selected text.

...

Image Removed

...

To add any mathematical formulas. For more details click http://www.fmath.info/plugins/TinyMCE/jscripts/tiny_mce/plugins/fmath_formula/mathml/lookAndFeel/fMathEditor.pdf

...

Image Removed

...

To add assets to the questions or answer options as required.

...

Image Removed

...

To edit the html source code of the entered text. Click here for more details on working with HTML content.

...

Image Removed

...

To insert a new table or modify the existing table in the question stem or answer option. Click here for more details on inserting a table and its formatting.

...

Image Removed

...

To set the properties of the row and cell.

...

Image Removed

...

To insert rows before and/or after the rows or delete rows.

...

Image Removed

...

To insert columns before and/or after the columns or delete columns.

...

Image Removed

...

To split merged tables/cells and/or merge tables/cells.

...

Image Removed

...

To insert horizontal ruler.

...

Image Removed

...

To remove all the formatting from the selected text.

...

Image Removed

...

To cleanup messy code.

...

Image Removed

...

 

...

Image Removed

...

Info

The content you type in and format for the question and answer area is saved in HTML code. If you have experience using HTML, you can edit the HTML code.

You can insert tables for better explanation of questions, if required, which can be introduced in the question stem or even in the options for some question types.

 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.

Image Added

Rich Text editor controls are hidden in the text fields

 

Image Added

Rich Text editor controls become visible in the text fields being used

 

Info

The content you type in and format for the item and answer area is saved in HTML code. If you are familiar with HTML, you can edit the HTML code.

You can insert tables for better explanation of items, if required, which can be introduced in the Question Stem or even in the Answer Options for some item types.

 

Anchor
New Rich Text Editor Functions
Rich Text Editor functions:

MenuOptionDescription

Edit

Image Added

UndoUndo the last action.
RedoRedo the last action.
CutCut the selected content.
Copy

Copy the selected content.

Info

There is no longer a Paste option from either a menu or a button in the new Rich Text Editor. You must use the keyboard shortcut Ctrl + V in order to paste content into the rich text editor.

You can now copy formatted content from a Word document and paste it into the text editor. ExamDeveloper strips out the formatting that is not supported by QTI. For example, if you have a table in Word with purple table and cell borders, you have increased the height of the rows, and the text font is colored. When you paste the table into the rich text editor, the table has standard black borders with no increased height for the rows, but the text retains the font colors.

Image Added

Image Added

Select AllSelect all the content in the editor.

Insert

Image Added

Asset ManagerAdd assets to the text editor as required.
Equation EditorAdd mathematical formulas. For more details see the Work with Equation Editor topic.
Special character

Insert a special character. This icon opens a window that shows all the available custom characters:

Image Added

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:

<p>junk&nbsp;stuff</p>
Link

Insert a Hyperlink in BlockText type metadata. This menu option opens a window that allows you to enter the URL, Text to display for the candidate, Title (the title that appears when users hover over the URL), and specify how to open the Target URL (new window/tab, parent frame, current frame, or current window).

Image Added

Dynamic TextOnly available if the item type = Display Type in a DT template itembank.

Format

Image Added

BoldApply bold formatting to the selected text.
ItalicItalicize the selected text.
UnderlineUnderline the selected content.
StrikethroughApply strikethrough formatting to the selected content.
SuperscriptApply superscript formatting to the selected content.
SubscriptApply subscript formatting to the selected content.
Clear formattingClear all the formatting on the selected content.

Table

Image Added




TableInsert a table. Click and drag across the grid to select the desired number of columns and rows.
Table properties

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.

Image Added

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.

Image Added

Delete tablePlace your cursor anywhere within the table and select Delete table. The entire table is deleted.
Cell

Use the Table → Cell menu to merge cells, split cells, and open the Cell properties pop-up window.

Image Added

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.

Image Added

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.

Image Added

Row

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.

Image Added

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.

Image Added

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.

Image Added

Column

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

Image Added

Tools

Image Added

Check Spelling

Check the spelling of the selected text against the built-in dictionary.
AutoCorrectSelect 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 Auto-Correct Tab topic for details on creating Auto-correct entries.

Find and replace

Find or find/replace the selected text.
Source code

Edit the HTML source code of the entered text.

See the Work with HTML Content topic for more details on working with HTML content.

See Supported HTML Elements and Attributes for details on supported HTML tags.

FullscreenToggle between full screen and regular view of the selected field.
Toolbar



 

 

 

 



Font Family

Image Added

Change the font style of the selected text.

Font Sizes

Image Added

Change the font size of the selected text.

Text Color

Image Added

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

Image Added

Apply bold or italic formatting to the selected text.

Alignment

Change the alignment of the selected text: left, right, center, or full alignment.

Image Added

Bullet list & Numbered list

Image Added

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

Image Added

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

Image Added

If you increase the indent for bulleted lists, the indented level automatically switches to the other bullet styles.

Image Added

Audio/Video

Image Added

Configure QTI attributes for audio and video assets. This button is only visible when an audio or video asset is selected in the Rich Text Editor.

Image Added

  • Auto Play: Automatically plays the audio or video clip when the item is presented (not selected by default)
  • Auto Loop: Automatically replays the audio or video clip when the clip reaches the end (not selected by default)
  • Loop Button: Display the Loop Image Added button on the media control panel (selected by default)
  • Pause Button: Display the Pause Image Added button on the media control panel (selected by default)
  • Play Button: Display the Play Image Added button on the media control panel (selected by default)
  • Stop Button: Display the Stop Image Added button on the media control panel (selected by default)
  • Volume Control: Display the Volume control Image Added on the media control panel (selected by default)
  • Progress Bar: Display the Progress bar on the media control panel (selected by default)
    Image Added
  • Seek: Changes the progress bar to an interactive slider control that allows the candidate to select the playback position in the audio or video clip.
    Image Added
    To move directly to a specific time location, the candidate can hover the cursor over the progress bar to see a tool tip containing the playback time, and then click at that specific location. (not selected by default)
    Image Added
  • Playback Maximum: Enter the maximum number of times you will allow the candidate to playback the audio or video clip. When playback maximum is selected, the Seek and Stop playback functions are disabled by the test driver.
  • Countdown Seconds: Use countdown seconds in conjunction with auto play. You can specify the number of seconds to delay the playback. You may enter values 1 through 300. If no value is entered (default=0) the playback starts immediately when the item is presented.

 

Anchor
Color Selector
Work with the Color selector

In order to use the color selector, you have 3 options to identify the desired color:

Image Added

  1. Click and Drag
    1. Open the color selector pop-up window.
    2. First click on the desired color in the rainbow band in the middle of the window.
    3. 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.
    4. Click OK
  2. Enter RGB values
    1. Enter the Red, Blue and Green values for the desired color.
    2. Click OK.
  3. Enter the Hex color value
    1. Enter the Hex value for the desired color. You do not need to enter the #, just type in the Hex number.
    2. Click OK.