Step 1



Select the Card on the page.

Step 2



Select the Compnent again, and we'll resize it for you.

Step 3



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

Step 4



In the breadcrumb above the stage, you can see that you are editing the Panel for the Card. To change the Image in the Card, select the Image.

Step 5



Select the Three-Dot Menu in the Inline Toolbar.

Step 6



Select Change.

Step 7



Select the new image courseObjectives_... from the Media Browser.

Step 8



Select Insert.

Step 9



The image has been Changed. Select the Card Heading to edit it and we'll add text for you.

Step 10



The new text is added. Select the Paragraph Text to edit it and we'll add text for you.

Step 11



The new text is added. Select the + icon at the bottom of the component to add more content layouts to the Card.

Step 12



Select the Single-Body Content option.

Step 13



You 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, Styles and FX tabs, Accessibility panel, and add a New Comment, or Delete the component.

Step 14



Select Options.

Step 15



The Options and Style tabs have a number of control and design options for the Card component as a whole. You can change the look of the Panel to show a header, a footer, both or none, change the control settings if a header is added, add icons to the header panel, change the panel header color, add a border, add a background Fill color, and in Flow adjust the Size. Use the FX tab to add effects to the component. Note: Cards with a Button can be added using the Engage Tab. Select Border, in the Options Tab,

Step 16



A Border is added to the Card. Select the Style tab.

Step 17



Select Option 2 under Color (dark blue).

Step 18



The border color of the Card has changed. Select the Page to return to the Page content.

Step 19



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

  0     0

Similar Projects

Questions  ( 0 )