Edit a Tile Card Component

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.

Laura Bertrand

2021-08-12

4649

Show Me Try Me Guide Practice Me Test Me

1

To edit the Tile Card, select the Tile Card on the page.

Click the continue button:
2

To edit the content on the Tile Card, select the Edit icon in the inline toolbar.

Click the continue button:
3

Select the Tile Card Subtitle and we'll add text for you.

Click the continue button:
4

The Subtitle is added. Select the Tile Card Title and we'll add text for you.

Click the continue button:
5

The Title is added. Select the Icon within the Component.

Click the continue button:
6

Select the three-dot menu in the Inline Toolbar for the Icon element.

Click the continue button:
7

Select Options to view the Options tab for the Icon element Options.

Click the continue button:
8

Select Change Icon.

Click the continue button:
9

Select option 7 under the 5th column (i Icon).

Click the continue button:
10

Select Ok.

Click the continue button:
11

Select the component to view the Options for the Component as a whole.

Click the continue button:
12

The Options and Style tabs have a number of control and design options for the Reveal Component as a whole. You can change the Orientation, Respond At (in Flow), Enable/Disable Justified, Enable/Disable Sequential, Enable/Disable Start Unopened, Add Content, Enable/Disable Controls, Starting layout, Adjust the Shape of the tabs, Color, Opacity and Background Fill. Use the FX tab to add effects to the component. Note: When in Essentials, only a limited number of Options are shown. To see all Options, make sure you are in Designer Mode. Under Content Alignment select Option 2.

Click the continue button:
13

The Content Alginment has changed. Select the Style Tab.

Click the continue button:
14

To change the Background color of the Tile Card select Fill.

Click the continue button:
15

Select Option 1 under Green.

Click the continue button:
16

The color has been changed. Select the Page area below the Pick a Fill popup to return to the Page content.

Click the continue button:
17

Preview the Current Page to see how the Tile Card Component will look and behave for your learners.

Click the continue button:

Steps to Add a Tile Card component to a Page.

Tile Cards are one of many components available on the Engage tab.

The learner can interact with the Tile Card when an action or trigger is applied to the card.

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.

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 add a Hover Animation to a Tile Card component.

Steps to edit a Card or Billboard component button.

What is the purpose of the Tile Cards interactive component? I've searched the available resources, and I can't figure out what it's for. Is it just for navigation purposes, like "Click the icon to continue", or is it meant to display content that's initially hidden when the user clicks the icon? And if so, how does that work?
If it's only for navigation, I think it's a little confusing to have it grouped with content-based interactive elements like Tabs and Accordions.

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 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 Steps component.

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

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.

Edit a Tile Card Component

Laura Bertrand

Similar Projects

Add a Tile Card Component to a Page

Edit a Card Component

Edit a Flip Card component

Add a Hover Animation to a Tile Card Component

Edit a Card or Billboard Component Button

Tile Cards purpose?

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

Add a Card Component to a Page

Edit a Steps Component

Edit a Carousel Component

Questions ( 0 )

Comments ( 0 )