When working on an Engage Component panel you can re-order the elements after you've added content.

This works for both vertical and horizontal order.

It's also great if you need to add a new element into the middle of a layout at a later time. Just add the new content below the existing conten then move (reorder) it to the position where it needs to be.

The components on the Engage tab allow you to add several different layouts to any tab or component.

These default layouts offer up to three columns, since these are the most typically-required types of layouts.

Need more columns? You can customize the sizing of the elements in a layout to allow more elements in the same horizontal row.

An important concept to understand is that responsive design measures width in 12ths.

Something full-width is 12/12ths wide, something half-width is 6/12...

Steps to add an Icon to a Tab Set, Accordion, Steps, and Reveal Components.

Icons are one of many design options you can add to Components on the Engage tab.

Steps to add a Tab Set Component to a Page.

Tab Sets are one of many components available on the Engage Tab.

The learner can interact with the Tab Set by clicking each tab to change the content shown.

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 an Accordion Component to a Page.

Accordions are one of many components available on the Engage Tab.

The learner can interact with the Accordion component by clicking each tab to open the content within.

Steps to edit an Accordion Component.

Use the Accordion Component to show information in a tabbed menu, users can open and close tabs to view content within the Component. This lesson covers editing of the Accordion and controlling the display properties of the component to suit your design needs.

Steps to add a Steps Component to a Page.

Steps are one of many components available on the Engage Tab.

The learner can interact with the Steps component by clicking each tab to open the content within.

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 add a Carousel component to a Page.

Carousel is one of many components available on the Engage tab.

The learner can interact with the Carousel by clicking next/previous buttons to view the content on each slide.

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 add a Flip Card component to a Page.

A Flip Card is one of many options available on the Engage tab's Interactive Components section. It allows you to add a single Flip Card to your page.

The learner can interact with the card to flip it from the front side to the back side.

There is also a Flip Set component in the Widgets area of the Engage tab which we recommend using if you want to have more than one flip card. The Flip Set offers better control over matching height than you ...

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 Reveal component to a Page.

Reveal is one of many components available in the Engage tab.

The learning can interact with the Reveal component by clicking each tab to change the content shown.

Steps to edit a Reveal component.

You can add any content to the Reveal component, add multiple tabs, as well as control many display properties.

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.

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

Steps to add a Panel Component to a Page.

Panels are one of many components available on the Engage tab.

The learner can interact with a Panel by opening and closing it if allowed.

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 an Icon to a Panel component.

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.

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 Card or Billboard component button.

Steps to add a Callout Component to a Page.

Callouts are one of many components available in dominKnow.

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.

Steps to add an Icon to a Call Out component.

Steps to Add a Billboard Component to a Page.

Billboards are one of many components available on the Engage tab.

Learners can interact with a Billboard by clicking the button if applied.

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 add a Timeline Component to a Page in Flow.

Timeline component is one of many components available on the Engage Tab in Flow.

Steps to Edit the Timeline Component in Flow.

Use Timelines to create a graphical representation of information that is displayed sequentially along a vertical line. This lesson covers editing of the Timeline Component Content.

Note: Timelines are only available in Flow.

Steps to Edit the Node in a Timeline component in Flow.

Steps to Add a Caption to a Node within a Timeline component in Flow.

Steps on how to resize any Engage Component in Claro.

Resize a Tabset, Accordion, Steps, Carousel, Reveal, Tile Card, Flip Card, Scenario, Card Sets, Video Playlists, Panel, Card, Callouts, Billboard, and inline questions.

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.

dominKnow | ONE’s scenario builder makes it easy to create branching activities.

There’s no programming so it's easy to use. Plus, it’s fully responsive so it will work great on any screen.

A walk-through of the basics of using the Scenario Builder widget available on the Engage Tab.

Flash Cards Sets are an interactive Engage component.

Match Card Sets are an interactive Engage component that you can use in Flow or Claro content Projects.

The Video Playlist widgets make it easy to add a collection of Vimeo or YouTube videos to any page.

Check out the drag and drop option for adding more videos, it's a great time saver.

When added to a Flow page, the Playlist is responsive. On wider screens the list of videos will display on the right side of the main video panel. On narrower screens the list of videos will be shown under the main video panel.

NOTE: You can't mix YouTube and Vimeo videos in the same Playlist.

A Publishing Profile setting lets you show learners what they've completed on these interactive Engage components

Use inline quiz elements to quickly add questions to your existing content pages.

Use inline quiz elements to quickly add questions to your existing content pages.

Use inline quiz questions to quickly add questions to your existing content pages.

Use inline quiz elements to quickly add questions to your existing content pages.

Use inline quiz elements to quickly add questions to your existing content pages.

Use inline quiz elements to quickly add questions to your existing content pages.

Use inline quiz elements to quickly add questions to your existing content pages.

dominKnow | ONE’s Summer 2021 (7.4) Feature Release adds five new interactive quiz elements that can be used on any page in Claro or Flow projects.

Enjoy quick access to menu items, the container inspector options and more!

Enjoy quick access to menu items, the container inspector options and more!