Step 1


Select the Callout on the Page.

Step 2


To edit the content within the Callout, select the Edit (pencil) icon in the Element Controls Toolbar.

Step 3


Select the Content Text Placeholder.

Step 4


Select the Edit (pencil) icon.

NOTE: You can also double-click the Content Text Placeholder.


Step 5


You can now edit the text in the Content Text. 

Select the text element and we'll add text for you.


Step 6


The content for the callout has been changed. 

Select the Callout element to the left beside the Text. This saves the text changes and switches focus back to the component as a whole.


Step 7


Select the Three-Dot Menu in the Element Controls toolbar.

Step 8


Select Options.

Step 9


The Options tab has a number of design options for the Callout element. You can change the look of the Callout by changing the color, adding a border, and adding an icon.

Select the red color in the Styles section.


Step 10


Select Borders to add a border to the Callout.

Step 11


Select Icon to add an icon to the Callout.

Step 12


An Icon is added on the Callout.

To change to a different icon, double-click the icon within the Callout.


Step 13


The Pick an Icon panel opens.

Select the Exclamation Mark icon.


Step 14


Select Ok.

Step 15


The icon has been updated.

Select outside of the Callout element to go back to the Page.


Step 16


Preview the Current Page to see how the Callout will look and behave for your learners.
  0     0

Similar Projects

Questions  ( 0 )