Download Job Aid Download Document

Step 1

 ¶ 

Select the Callout on the Page.

Step 2

 ¶ 

To edit the content within the Callout, select the Edit Icon in the Element Controls Toolbar.

Step 3

 ¶ 

Select the Content Text Placeholder.

Step 4

 ¶ 

Select the 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 Component on 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 component as a whole. You can change the look of the Callout by changing the color, adding a border, and adding an icon. To add an Icon to the Callout, select Icon under Labels in the Options tab.

Step 10

 ¶ 

An Icon appears on the Callout, to change the icon, double-click the Icon within the Callout.

Step 11

 ¶ 

The Pick an Icon popup shows, select the Exclamation Mark Icon.

Step 12

 ¶ 

Select Ok.

Step 13

 ¶ 

The Icon is added. Change the Style of callout to Dark Blue (option 2) within the Options tab.

Step 14

 ¶ 

The Style of the Callout has changed. Select the area below the Component to go back to the page.

Step 15

 ¶ 

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

Similar Projects

thumbnail image
Editing and formating a Callout element
2025-11-24

Steps to edit and format a Callout element.

(This lesson is for the 7.4.6.0 release.)

avatar
Chris Van Wingerden
thumbnail image
Edit a Callout Component
2021-07-20

Steps to edit a Callout component.

Use callouts to set apart certain information, and add various styles, borders and icons. This lesson covers controlling the display properties of the Callout component to suit your design needs.

avatar
Laura Bertrand
thumbnail image
Edit a Callout Element
2026-08-25

Steps to edit a Callout element.

Use callouts to set apart certain information, and add various styles, borders and icons. This lesson covers controlling the display properties of the Callout element to suit your design needs.

avatar
Christopher Mines
thumbnail image
Format a Tab Set Component
2021-05-04

Steps to Format the Tab Set Component using Claro.

avatar
Laura Bertrand
thumbnail image
Edit the Content in a Tab Set Component
2021-05-03

Steps to Edit the Content in a Tab Set Component using Claro.

avatar
Laura Bertrand
thumbnail image
Add an Icon to a Callout Component
2021-12-17

Steps to add an Icon to a Call Out component.

avatar
Laura Bertrand
thumbnail image
Add an Icon to a Callout Element
2026-08-25

Steps to add an Icon to a Call Out element.

avatar
Christopher Mines
thumbnail image
Edit content in a Tab Set component in Flow
2021-05-07

Steps to edit the content in a Tab Set component.

avatar
Chris Van Wingerden
thumbnail image
Add a Flip Card Set Component to a Page and Configure Flip Card Content
2021-08-10

Steps to add and a Flip Card Set component to a page and configure the Flip Cards within the set.

Flip Card Sets are one of many components available on the Engage tab.

avatar
Laura Bertrand
thumbnail image
Set Section height and content alignment in Flow
2021-05-07

In a Flow page, the height of a Section is set by the height of the content it contains by default.

You can override that default height, though, and tell the Section to behave as if its height is a ratio based on the height of the browser window it’s being viewed within. Along with that height setting, you can set the content within the Section to align within the Section’s height. It’s a great design idea for creating a dramatic full-height Section on your page.

In this lesson we’ll set ...

avatar
Chris Van Wingerden

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.