00:00  Select the Callout on the Page.
00:04  To edit the content within the Callout, select the Edit (pencil) icon in the Element Controls Toolbar.
00:08  Select the Content Text Placeholder.
00:12  Select the Edit (pencil) icon.

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

00:16  You can now edit the text in the Content Text. 

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

00:20  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.

00:24  Select the Three-Dot Menu in the Element Controls toolbar.
00:28  Select Options.
00:32  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.

00:36  Select Borders to add a border to the Callout.
00:40  Select Icon to add an icon to the Callout.
00:44  An Icon is added on the Callout.

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

00:48  The Pick an Icon panel opens.

Select the Exclamation Mark icon.

00:52  Select Ok.
00:56  The icon has been updated.

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

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

Similar Projects

Questions  ( 0 )