How to Change the cursor on a hotspot

Steps to add a Hotspot to an image.

You can add hotspots as a layer over an image. If you move the image the hotspot will remain in the same location in relation to the image.

Once you have added a hotspot you can use it as a trigger for a wide range of Triggers and Actions such as showing or hiding content.

Steps to change the Responsive behavior of a Section on a Flow Page.

In this example, we have a section that has a Header element and two body Elements.

We can set the body elements to switch to vertical orientation the Extra Small breakpoint range or at the Small breakpoint range.

There may be different times when you wish to change what a cursor looks like. One common time is when adding a hotspot onto an image. You may wish for it to remain the "default" pointer instead of changing of changing into a hand. Or you may wish to make a different change entirely. You can learn about all the different cursor options here: https://www.w3schools.com/cssref/pr_class_cursor.asp.

Steps to edit a Timer to Show and Element on the Page.

A Timer can be added to a page to time a user, apply timed actions to elements, create a timed quiz and much more!

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.

Adding a background to a Section on a Flow page is a great design idea. But images are often very complex visually and it can be hard to read text over them.

One way to help the text be more readable is to add a background color with a transparency setting to the text. The background helps the text stand out against the image while the transparency means the image can still be seen behind the text so the effect is added depth to your page.

In this lesson we’ll add the transparent backgroun...

In dominKnow | ONE the content you make in your Pages is independent of the over all look and feel (colors and branding) as well as the navigation scheme (how users navigate the content). This is true for both Flow and Claro content.

These steps show how to switch your Project to a different Theme.

In this example, we have a Flow Project created as a Course which uses the Course Player Theme by default. These steps show how to switch to the Infinite Scroll Theme which is ideal for longer, ...

You can create a custom Section by starting with the Add a Blank Row option under the blue + sign at the bottom of your Flow Page then adding more Rows to that Section.

This lesson outlines how to add more Rows to the intial Section.