WYSIWYG Example

In the following example, you can see how adding elements to a page changes the Graphics tab WYSIWYG editor.

1. In the Writing tab, enter text into the first text item.
2. Click the Graphics tab to see the text item.

   

3. Next, add another text item to the Writing tab.
4. Click the Graphics tab.
5. Click on the toolbar, or select Text item 2 from the Select tab to see the text item added in step 3.

   

6. Using the Graphics tab's right-click menu, select Add Background Image>To Page and select a background image:

   

7. Using the same right-click menu, select Add Graphic. You can also select Alt+G to select a graphic.

   Note: The graphic does not appear on the Graphics tab because it must be assigned to a trigger item.

8. Assign the graphic to a trigger item.

   The page updates to show what the page will look like upon opening in the SCP. In the example below, the first graphic is assigned to the first text item:

   

9. Add another graphic using the right-click menu or Alt+G.
10. Assign the graphic to a trigger item (which is a Writing tab element such as a text item, stem, or step).

    Note: Most templates are buildable templates, therefore anything assigned to the first trigger stays on the screen for the remainder of the page iterations; anything assigned the the second trigger then stays on the screen for the remainder of the page iterations, and so on).

11. Optional: Deassign any graphics from the trigger item if you do not want the other graphics displaying in the current page iteration.

    In the example below, the page is set so the first graphic (assigned to the first text item, see Step 8) is hidden and the second graphic shows when the learner clicks in the player:

Note: Use the and buttons on the toolbar to move from one page iteration to the next, mimicking how the page will play in the SCP. These buttons are only available on buildable templates.