Reordering elements on an Engage Component panel

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.

Steps on how to resize any Engage Component in Claro.

Resize a Tabset, Accordion, Steps, Carousel, Reveal, Tile Card, Flip Card, Scenario, Card Sets, Video Playlists, Panel, Card, Callouts, Billboard, and inline questions.

Steps to add an Icon to a Panel component.

The components on the Engage tab allow you to add several different layouts to any tab or component.

These default layouts offer up to three columns, since these are the most typically-required types of layouts.

Need more columns? You can customize the sizing of the elements in a layout to allow more elements in the same horizontal row.

An important concept to understand is that responsive design measures width in 12ths.

Something full-width is 12/12ths wide, something half-width is 6/12...

Quickly narrow down content searches and even save your favourite Custom filter settings for re-use

You can have Elements on any Page targeting multiple learning audiences or contexts

Great ways to provide interactivity and visual design and improve translation

Steps to edit a Panel component.

Use Panels to set apart certain information, and assign headers, footers, borders and styles as you see fit. This lesson covers controlling the display properties of the Panel component to suit your design needs.

Can you explain more the interactive components under the Engage tab?

Hi, I was wondering if there was a way to customize the Timeline within Flow. I am trying to add a border colour to the boxes. If there isn't a feature already existing for that. Is it possible to add my own custom CSS to modify its appearance?