Edit a Card Component

Use cards to set apart certain information, and assign headers, footers, borders and styles as you see fit. This lesson covers controlling the display properties of the Card component to suit your design needs.

Note: Cards are available in multiple styles with or without a Button. The buttons are easily set up just like any other button in dominKnow | One.

Laura Bertrand

2021-07-26

4653

Product: dominKnow | ONE | Version: 7.4
Applies to: Flow, Claro

Show Me Try Me Guide Practice Me Test Me

1

Select the Card on the page.

Click the continue button:
2

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

Click the continue button:
3

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

Click the continue button:
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.

Click the continue button:
5

Select the Three-Dot Menu in the Inline Toolbar.

Click the continue button:
6

Select Change.

Click the continue button:
7

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

Click the continue button:
8

Select Insert.

Click the continue button:
9

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

Click the continue button:
10

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

Click the continue button:
11

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

Click the continue button:
12

Select the Single-Body Content option.

Click the continue button:
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.

Click the continue button:
14

Select Options.

Click the continue button:
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,

Click the continue button:
16

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

Click the continue button:
17

Select Option 2 under Color (dark blue).

Click the continue button:
18

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

Click the continue button:
19

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

Click the continue button:

Steps to edit a Flip Card component.

You can add any content to the front and back of a Flip Card as well as control many display properties.

Steps to edit a Tile Card component.

You can edit the text, change the icon on the Tile Card, as well as control the background display options.

Steps to edit a Card or Billboard component button.

Steps to edit a Panel component.

Use Panels to set apart certain information, and assign headers, footers, borders and styles as you see fit. This lesson covers controlling the display properties of the Panel component to suit your design needs.

Steps to add and a Flip Card Set component to a page and configure the Flip Cards within the set.

Flip Card Sets are one of many components available on the Engage tab.

Steps to Edit a Billboard component.

Use billboards as your big attention-grabbers. This lesson covers controlling the display properties of the Billboard component to suit your design needs.
Note: Billboards are available in multiple styles with or without a Button. The buttons are easily set up just like any other button in dominKnow | One.

Steps to edit a Carousel component.

You can add any content to each slide within the Carousel, as well as control many display and play options.

Steps to edit a Tab Set component.

Use Tab Sets to display information in a tabbed layout. Tab Sets are available in a variety of orientations for you to choose from. All types can be formatted and styled for numerous appearances and behaviors.

Notes:
1. There is a publishing profile option that allows you to turn on or off completion checkmarks for tab sets and accordions. See the article: Publishing Profile Options for more information.
2. When in Essentials, only a limited amount of Opti...

Steps to add a Card Component to a Page.

Cards are one of many components available in dominKnow.

The learner can interact with a Card by selecting the button within the card if applied.

Steps to edit a Callout component.

Use callouts to set apart certain information, and add various styles, borders and icons. This lesson covers controlling the display properties of the Callout component to suit your design needs.

Edit a Card Component

Laura Bertrand

Similar Projects

Edit a Flip Card component

Edit a Tile Card Component

Edit a Card or Billboard Component Button

Edit a Panel Component

Add a Flip Card Set Component to a Page and Configure Flip Card Content

Edit a Billboard Component

Edit a Carousel Component

Edit a Tab Set Component

Add a Card Component to a Page

Edit a Callout Component

Questions ( 0 )

Comments ( 0 )