Variations


Variations

Many Parts in Elucidat will offer Variations, either in Layout Designer or Author mode. Explore this page to find out more about the Variations available.


Items per row

Your project will automatically adjust to display best on different devices. This Variation allows you to manually choose how many items will be displayed on each row for each device size.

Found in:

  • Image Grid Menu pages
  • Image Grid Hotspot pages
  • Text Answer Questions
  • Image Answer Questions
  • Sortable Questions


Padding

The Padding variation is used to add space around Parts on your page. This can be added to just the left and right of the Part, just the top and bottom, or all around, as shown in the example below.

Found in:

  • Introductory Text Box
  • Text Box
  • Menus (Image Grid, Image Grid with Overlay Description, Image Grid with Popup Description)
  • Hotspots (Image Grid)
  • Buildup (Image Grid)
  • Flipcard
  • Tabs
  • Text Answer (Single Choice)
  • Text Answer (Multiple Choice)
  • Image Answer (Individual Answer Feedback)
  • Sortable
  • Columns


Form Type

Allows you to easily change between available question types (Knowledge Check, Assessment, Survey).

Click here to learn more about the different question types.

Found in:

  • Text Answer (Single Choice)
  • Text Answer (Multiple Choice)
  • Text Answer (Individual Answer Feedback)
  • Image Answer (Individual Answer Feedback)
  • Image Explorer (Single Choice)
  • Image Explorer (Multiple Choice)
  • Image Explorer (Individual Answer Feedback)
  • Multiple Response
  • Likert
  • Sortable
  • Image Answer (Single Choice Image Grid)
  • Image Answer (Multiple Choice Image Grid)
  • Fill in the Blanks
  • Drag and Drop
  • Video with Knowledge Check


Image Type

Select how to display Images when using an Image Grid - Cover, Circle, Square, Landscape, or Portrait.

Found in:

  • Menu (Image Grid)
  • Menu (Image Grid with Overlay Description)
  • Menu (Image Grid with Popup Description)
  • Hotspot (Image Grid)
  • Button (Image Card with Hotspot launcher)
  • Button (Image Card with Link)


Align

This allows you to align your part to the left, right, or centre, in just the same way as you would in any Text Editor.

Found in:

  • Client logo
  • Image
  • Image that covers area
  • Audio player
  • Image Explorer (Pointer)
  • Image Explorer (Pointer with Caption)
  • Image Explorer (Hotspot)
  • Flipcard
  • Survey Tools
  • Learner Text Input (Multiple/Single line)
  • Buttons
  • Animated icons Alert/Error/Success
  • Multiple Choice Image Explorer


Text align

Similar to Align, this allows you to align your text to the left, right, or centre, in just the same way as you would in any Text Editor.

Found in:

  • Page Name
  • Project Name
  • Introductory Text Box
  • Text Box
  • Flipcard


Width

This allows the part to adjust automatically to the device size in two ways, Fluid - which provides a smoother transition between sizes, or Fixed - which allows a greater degree of control for the Author.

Found in:

  • Image Explorer (Pointer)
  • Image Explorer (Pointer with Caption)
  • Image Explorer (Hotspot)
  • Image Explorer (Multiple Choice)


Button Alignment

Similar to Align and Text Align, this allows you to align buttons to the left, right, or centre of the container.

Found in:

  • Carousel
  • Text Answer (Single Choice) Question
  • Text Answer (Multiple Choice) Question
  • Free Text Question
  • Button Holder


Icon position

Allows you to set an icon to display at the start or end of a part, or remove it.

Found in:

  • Accordion
  • Tabs
  • Text Answer (Single Choice) Question
  • Text Answer (Multiple Choice) Question
  • Text Card with Hotspot launcher
  • Text Card with Link


Space Between

Choose whether or not to display space between columns on your page.

Found in:

  • Columns


Controls

This can be used for Videos within Elucidat to show or hide the controls (Play, Pause, Volume etc), or to Disable Progress - which stops learners being able to scroll through the video without watching it.

Found in:

  • Branching video
  • Video player
  • Video with Knowledge Check


Size

Set the size of a part to one of three pre-defined options in Layout Designer.

Found in:

  • Client logo
  • Graph
  • Separators


Columns / Tabs Stack

Similar to Items per row, this allows your project to automatically adjust to display best on different devices, by automatically stacking tabs and columns on top of each other on smaller devices.

Found in:

  • Tabs
  • Columns


Max Width

Allows you to switch Containers between Content Width to Full Width. Click here to learn more about Containers, and how to adjust the Content Width.

Found in:

  • Container (content width)
  • Container (full width)


Player

With this option you can choose to hide the Audio Player so this is not visible to the Learner on the screen. The Player will still be visible in Author mode, but will be indicated by a dashed rather than a solid outline.

You can also choose to display a minimal Audio Player, showing only the Play icon. This can be resized using the Resize icon or by typing the width into the Size options in the Edit box.

Found in:

  • Audio Player


Column Layout

When using 2 or 3 Column Layouts, this allows you to change the width ratio of the columns.

Found in:

  • Columns


Controls Position

Set the Next slide control inside or outside the slides in a Carousel

Found in:

  • Carousel


Height

Set the height of an Image box to one of three pre-defined options in Layout Designer.

Found in:

  • Image


Outcome Icon

You can use this to display immediate visual feedback to your Learners once they have submitted their responses.

Found in:

  • Multiple Response Question


Progress Bar (Top, Bottom, Hide)

This allows you to choose whether a Progress Bar is displayed at the top or bottom of a part, or hidden.

Found in:

  • Text Card with Link


Revert items dropped outside the dropbox

Any Dropper items placed outside of a Drop Area will automatically be returned to their initial position.

Found in:

    • Drag and Drop


    Snap droppers to the center of the dropbox

    When using Drag and Drop interactions, selecting this Variation means that Drop items will automatically be placed in the center of the Dropbox.

      Found in:

      • Drag and Drop


      Button Size

      Set the size of a Button to one of three pre-defined options in Layout Designer.

      Found in:

      • Button Holder


      Icon Display

      Choose to display the icon before text, after text, no icon or icon only.

      Found in:

      • Button Holder


      Button Style

      Buttons can be set as either Action or Secondary - these can then be formatted differently in the project Style.

      Found in:

      • Button Holder