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