Zephr User Guide

To create a custom component block, complete the following steps:

1. Select the Add button under the Custom Component Block heading

   The Custom Content Block dialog box displays, as illustrated below:

   

2. Enter a name for the content block in the Title text box
3. Select the type of content block to add from the following options:
   • Visual
   • HTML

HTML is selected by default.

4. Define the content block in the text box, as follows:
   • If you selected the HTML radio button, the text box displays as illustrated below:

     

     Enter the HTML that defines how the outcome is rendered.

   • If you selected the Visual radio button, the text box displays as illustrated below:

     

     Enter the text as you want it to display.

     Note: You can use the formatting bar at the top of the text box to format the text; for example, to use a table to position your text or add a link.

     For example, the custom component block illustrated below:

     

     Can be defined in HTML as illustrated below:

     

     Or as a visual component, as illustrated below:

     

   You can also include variables that add user attributes to the custom component block. For further information on adding user attributes, see the User Variables in Custom Components topic.

5. Select the Save button to save your content block and return to the Add an Outcome screen. Selecting the Cancel button displays the Add an Outcome screen without saving your changes