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.

Setting a Show action using the Timeline feature

Add a type-in box to a page.

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 change a Text Element's font type setting.

You can display the value of a variable as part of a text element. In this lesson we'll set up a text element so it shows the text the learner types into a Text Input form control (their name) on the page as a simple example.

You can use a button to set a Boolean variable to True or False. In this example, we're setting the Variable to True to track that the learner competed the Page by using the Return To Menu button. We can then evaluate the Variable's state on other pages and use it to trigger other events.

Steps to create a custom Template Library.

Save time and work more effectively by using these pro tips

Steps to add a Table to a Page in either Claro or Flow.

Steps to Edit a List Element in Claro or Flow.

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.

Inline Styling can help you add emphasis or visual design to text