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

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!

Steps to add a Tab Set Element to a Page.

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

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

Steps to add an Accordion Element to a Page.

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

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

Steps to add a Steps Element to a Page.

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

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

Steps to edit a Steps element.

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

Carousel is one of many element 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 Element.

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

A Flip Card is one of many options available on the Engage tab's Interactive Elements 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 element 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 might ...

Steps to edit a Flip Card element.

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

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

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

Steps to edit a Reveal element.

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

Steps to Add a Tile Card element to a Page.

Tile Cards are one of many elements 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 element.

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

Steps to add a Panel Element to a Page.

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

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

Steps to edit a Panel element.

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 element to suit your design needs.

Steps to add an Icon to a Panel element.

Steps to add a Card Element to a Page.

Cards are one of many elements 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 element 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 element button.

Steps to add a Callout element to a Page.

Callouts are one of many elements available in dominKnow.

Steps to edit a Callout element.

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

Steps to add an Icon to a Call Out element.

Steps to Add a Billboard Element to a Page.

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

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

Steps to Edit a Billboard element.

Use billboards as your big attention-grabbers. This lesson covers controlling the display properties of the Billboard element 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 Element to a Page in Flow.

Timeline element is one of many elements available on the Engage Tab in Flow.

Steps to Edit the Timeline Element 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 Element Content.

Note: Timelines are only available in Flow.

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

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

Steps on how to resize any Engage Element 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 element to a page and configure the Flip Cards within the set.

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

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

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

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