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

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 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.

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

Setting a Show action using the Timeline feature

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

Steps to add an Audio Narration file to a Page in a Claro Project. (The Timeline option for audio narration is not supported in Flow pages.)

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,...

Steps to Edit a List Element in Claro or Flow.

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 add a List to a Page in Claro and Flow.

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

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