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

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 add an Icon to a text element. The Icon collection is font-based, so it will take on all the text styling settings that you apply.

Steps to change a Text Element's font type setting.

Steps to add an Audio Narration file to a Page in a Claro Project.

This automatically sets the audio file as Narration, in Autoplay mode and with Full Controls.

It also switches the Timeline below the Stage to synchronize to the audio narration file rather than the default of timing to the loading of the Page.

You can have multiple audio files on a Page but only one can be set as Narration.

NOTE: In Claro Projects, the timeline has three synchronization options:
- Page timing (based...

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 add a Table to a Page in either Claro or Flow.

Steps to Edit a List Element in Claro or Flow.

Steps to add a Special Character such as a symbol to a Text Element.

Add a type-in box to a page.

Steps to add a List to a Page in Claro and Flow.

Steps to move elements toward the back or the front of a Page in Claro.

As you add elements to a Page in Claro the most recent element is added at the top of the page above previously-added elements.

You can move elements toward the front or back of the page one position at a time or completely to the front or back position.