Embed
Embed: preview
Embed size:
Maintain aspect ratio
Show steps
Embed code
Create a Collection
Update Collections
Create a
Collection
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.
-
1Select the Callout on the page.
Click the continue button:
-
2To edit the content within the Callout, select the Edit Icon in the Inline Toolbar, or double-click the Callout.
Click the continue button:
-
3Select the Text Placeholder to edit it and we'll add text for you.
Click the continue button:
-
4The new text is added. Select the + icon at the bottom of the component to add more content layouts to the Callout.
Click the continue button:
-
5Select the Single-Body Content option.
Click the continue button:
-
6You can use the options to add specific content to this new layout. Select the three-dot menu in the Inline Toolbar. Have access to the Options and FX tabs, Accessibility panel, and add a New Comment, or Delete the component.
Click the continue button:
-
7Select Options.
Click the continue button:
-
8The 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. Use the down icon under Styles to open the full Styles panel. Use the FX tab to add Entrance Effects to the Callout. Under Styles, select the Orange option.
Click the continue button:
-
9The Style of the Callout has changed. To add an Icon, select Icon under Labels in the Options tab.
Click the continue button:
-
10An Icon appears on the Callout, to change the icon, double-click the Icon within the Callout.
Click the continue button:
-
11The Pick an Icon popup shows, select the Checkmark Icon.
Click the continue button:
-
12Select Ok.
Click the continue button:
-
13The Icon is added. Select the Page to return to the Page content.
Click the continue button:
-
14Preview the Current Page to see how the Callout will look and behave for your learners.
Click the continue button:
Comments ( 0 )
Sign in to join the discussion.