Embed
Embed: preview
Embed size:
Maintain aspect ratio
Show steps
Embed code
Create a Collection
Update Collections
Create a
Collection
Steps to edit a Card or Billboard component button.
1
Select the Card or Billboard component on the page.
Click the continue button:
2
To edit the content within the Component, select the Edit Icon in the Inline Toolbar, or double-click the Callout.
Click the continue button:
3
Select the Button within the Component.
Click the continue button:
4
Select the three-dot menu in the Inline Toolbar. Have access to the Options and Style tabs, Accessibility panel, and Delete.
Click the continue button:
5
Select Options.
Click the continue button:
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.
Click the continue button:
7
Under Label select Right Icon.
Click the continue button:
8
Within the Pick an Icon pop-up, select the Filled Star in the first row.
Click the continue button:
9
Select Ok.
Click the continue button:
10
Select the Style Tab.
Click the continue button:
11
Select Green under Color.
Click the continue button:
12
Under Shape, select the Circle. (Option 3)
Click the continue button:
13
To edit the content within the Button, select the Edit Icon in the Inline Toolbar, or double-click the Button.
Click the continue button:
14
Select the Button, and we'll add text for you.
Click the continue button:
15
To quickly add an action to the button, select the Lightning Bolt Symbol within the Inline Toolbar.
Click the continue button:
16
Note: The default action will change depending on the Component.
Within the When I am Clicked menu, select Go to the Next Page.
Click the continue button:
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.
Click the continue button:
18
Preview the Current Page to see how the Button will look and behave for your learners.
Click the continue button:










Confirm
Comments ( 0 )
Sign in to join the discussion.