Navigation Menu

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

.

Expand all   Collapse all
Skip to end of metadata
Go to start of metadata

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

 

Icon

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.

 

Rich Text Editor functions:

MenuOptionDescription

Edit

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

Copy the selected content.

Icon

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.

Select AllSelect all the content in the editor.

Insert

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:

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

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

Format

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




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.

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

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.

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.

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.

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.

Tools

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

Change the font style of the selected text.

Font Sizes

Change the font size of the selected text.

Text Color

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.

Alignment

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.

Audio/Video

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.

  • 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 button on the media control panel (selected by default)
  • Pause Button: Display the Pause button on the media control panel (selected by default)
  • Play Button: Display the Play button on the media control panel (selected by default)
  • Stop Button: Display the Stop button on the media control panel (selected by default)
  • Volume Control: Display the Volume control on the media control panel (selected by default)
  • Progress Bar: Display the Progress bar on the media control panel (selected by default)
  • 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.

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

 

Work with the Color selector

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

  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.

 

 

 

  • No labels