Step 1


Select the Card or Billboard component on the page.

Step 2


To edit the content within the Component, select the Edit Icon in the Inline Toolbar, or double-click the Callout.

Step 3


Select the Button within the Component.

Step 4


Select the three-dot menu in the Inline Toolbar. Have access to the Options and Style tabs, Accessibility panel, and Delete.

Step 5


Select Options.

Step 6


The Options and Style tabs have a number of design options for the Button element as a whole. You can change the toggle Options, add Icons and text to the Label, and adjust the Padding / Size of the Button, Shape, and Color. Under Padding/Size Select Option 4.

Step 7


Under Label select Right Icon.

Step 8


Within the Pick an Icon pop-up, select the Filled Star in the first row.

Step 9


Select Ok.

Step 10


Select the Style Tab.

Step 11


Select Green under Color.

Step 12


Under Shape, select the Circle. (Option 3)

Step 13


To edit the content within the Button, select the Edit Icon in the Inline Toolbar, or double-click the Button.

Step 14


Select the Button, and we'll add text for you.

Step 15


To quickly add an action to the button, select the Lightning Bolt Symbol within the Inline Toolbar.

Step 16


Note: The default action will change depending on the Component. Within the When I am Clicked menu, select Go to the Next Page.

Step 17


The Action is now set. *Note: A purple dot within the Lightning Bolt Symbol will appear to indicate an action is set. Select the Left side of the Page to return to Page Content.

Step 18


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

Similar Projects

Questions  ( 0 )