Training guides, articles and more to help you start using Claro and Flow authoring in dominKnow | ONE.
Projects
Articles and lessons to help you work with Assessment and Practice questions.
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 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 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 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 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 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 add a Multiple Choice Inline Question Component to a Page.
Multiple Choice Inline Questions are one of many components available on the Engage Tab.
The learner can interact with the Question by selecting an answer and selecting submit to submit their answer. If applied, a popup will appear with incorrect or correct feedback, or the learner can input their mood using the mood progress bar.
Steps to add a True or False Inline Question Component to a Page.
True or False Inline Questions are one of many components available on the Engage Tab.
The learner can interact with the Question by selecting an answer and selecting submit to submit their answer. If applied, a popup will appear with incorrect or correct feedback.
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 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 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 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 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 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 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 add a Multiple Choice Inline Question Component to a Page.
Multiple Choice Inline Questions are one of many components available on the Engage Tab.
The learner can interact with the Question by selecting an answer and selecting submit to submit their answer. If applied, a popup will appear with incorrect or correct feedback, or the learner can input their mood using the mood progress bar.
Steps to add a True or False Inline Question Component to a Page.
True or False Inline Questions are one of many components available on the Engage Tab.
The learner can interact with the Question by selecting an answer and selecting submit to submit their answer. If applied, a popup will appear with incorrect or correct feedback.
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 add a Call Out Component to a Page.
Call Outs are one of many components available on the Engage tab.
Steps to create a new Claro project.
In this example, we'll choose a Player Experience (the navigation framework) then choose a design template.
The process will automatically create a Title page to get you started.
Steps to edit text in a Text Element.
The changes you make are saved once you leave the Text Element.
Steps to add a new Text Element to a Page in Claro and Flow.
Steps to change a Text Element's font color (Style) setting
Steps to create a blank Project in Flow.
In this example, we'll choose a Player Experience (the navigation framework) then choose a design template, in this case the Blank design.
The process will create a blank page to get you started.
A very dramatic responsive design idea is to use an image as the background behind a section.
If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.
This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.
Steps to change a Text Element's font type setting.
Steps to add a Tabset Component to a Page.
Tabsets are one of many components available on the Engage Tab.
The learner can interact with the tabset by clicking each tab to change the content shown.
Steps to add a Call Out Component to a Page.
Call Outs are one of many components available on the Engage tab.
Steps to create a new Claro project.
In this example, we'll choose a Player Experience (the navigation framework) then choose a design template.
The process will automatically create a Title page to get you started.
Steps to edit text in a Text Element.
The changes you make are saved once you leave the Text Element.
Steps to add a new Text Element to a Page in Claro and Flow.
Steps to change a Text Element's font color (Style) setting
Steps to create a blank Project in Flow.
In this example, we'll choose a Player Experience (the navigation framework) then choose a design template, in this case the Blank design.
The process will create a blank page to get you started.
A very dramatic responsive design idea is to use an image as the background behind a section.
If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.
This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.
Steps to change a Text Element's font type setting.
Steps to add a Tabset Component to a Page.
Tabsets are one of many components available on the Engage Tab.
The learner can interact with the tabset by clicking each tab to change the content shown.
