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.
-
1Select the Card or Billboard component on the page.
Click the continue button:
-
2To edit the content within the Component, select the Edit Icon in the Inline Toolbar, or double-click the Callout.
Click the continue button:
-
3Select the Button within the Component.
Click the continue button:
-
4Select the three-dot menu in the Inline Toolbar. Have access to the Options and Style tabs, Accessibility panel, and Delete.
Click the continue button:
-
5Select Options.
Click the continue button:
-
6The 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:
-
7Under Label select Right Icon.
Click the continue button:
-
8Within the Pick an Icon pop-up, select the Filled Star in the first row.
Click the continue button:
-
9Select Ok.
Click the continue button:
-
10Select the Style Tab.
Click the continue button:
-
11Select Green under Color.
Click the continue button:
-
12Under Shape, select the Circle. (Option 3)
Click the continue button:
-
13To edit the content within the Button, select the Edit Icon in the Inline Toolbar, or double-click the Button.
Click the continue button:
-
14Select the Button, and we'll add text for you.
Click the continue button:
-
15To quickly add an action to the button, select the Lightning Bolt Symbol within the Inline Toolbar.
Click the continue button:
-
16Note: 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:
-
17The 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:
-
18Preview the Current Page to see how the Button will look and behave for your learners.
Click the continue button:
Comments ( 0 )
Sign in to join the discussion.