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 )