Zephr User Guide

Create a Custom Component Block

2 views 0

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

  1. Select the Add Custom Component Block button

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

    Custom Component Block

  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
  4. HTML is selected by default.

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

      Custom Component Block - HTML

      Enter the HTML that defines how the outcome is rendered.

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

      Custom Component Block - Visual

      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:

      Rendered Custom Component Block

      Can be defined in HTML as illustrated below:

      Example HTML Custom Component Block

      Or as a visual component, as illustrated below:

      Example Visual Custom Component Block

    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.

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