Add a Standard Button to your page

Steps to add a Basic Text Input box to a Flow page.

A learner will be able to type text into the Basic Text Input box on the Page.

In this example, we add the Text Input box as a new element in an existing Group on the page.

Steps to add a Paragraph Element to a Page.

The name of this feature can be confusing, as it suggests a Body Type element. Although it is added as a Body Type, you can change that to any other Type.

A Paragraph element is different from other text elements because Paragraph elements have a unique set of special effects that can be applied.

Because of those effects, the formatting options are more limited for a Paragraph element than a regular Text Element.

Steps to add a pre-made Section to a Flow page.

There is a wide range of available Sections that can be used by following these steps. This example shows adding a Section with a Title and Subtitle.

Adding multiple Sections to a Flow page is a great way to create a longer, scrolling experience for your learners.

Steps to add a new Text Element to a Page in Claro and Flow.

Steps to add a new element to an existing Group on a Flow Page.

This lesson outlines adding a Text element. The same steps can be used to add an image, video or any other element type.

Steps to assign the value of a Text Input box to a variable so it can be saved and used later in a course or other project.

In this example, we've previously added the Text Input box to the page.

dominKnow | ONE doesn't automatically create a variable and assign it to the Text Input box because we can't predict what your design intention is. You might wish to use a variable already created on another page in the same project, for example, or you may not even wish to save the typed-in text a...

Flow pages have no fixed height. You can add as much content as you need or want.

This means you can use scrolling as a design experience.

You see this in many modern websites, or even in social media apps where scrolling is the basic way of navigating content.

This lesson shows how to add a Blank section template to a Page.

Steps to add a Tab set component from the Engage tab to an empty Placeholder on a Flow Page.

Engage components have their own internal responive behavior when used in Flow pages. Tab sets, for example, can change from a horizontal tab set to a vertical accordion menu based on breakpoint. This provides a better user experience on a narrower screen such a smartphone held in portrait orientation.

Steps to set up a Show Action where the learner will click on a button to show another element on the Page.

This exampe uses a Button but any element can be set up as the item the learner will interact with, including text elements, image elements and more.

Similarly, this example Shows an image element but any element can be selected as the Target of the Show Action. You can also select multiple elements as targets, to Show more than one thing at a time.

Steps to set a button to show a Pop Up panel as well as include the text string saved to a variable as part of the feedback text on the Pop Up panel.

A Pop Up panel gets shown as a modal window above the main page, which will be shown as grayed-out while the panel is open.