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.

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

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

Great ways to provide interactivity and visual design and improve translation

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

Bundling content as topics makes it easily re-usable across multiple projects

Are you wondering what's next for your career as an instructional designer? This week on IDIODC we're talking with John Hinchliffe who's career spans all of these shifts and more.

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.