Order

Order creates sequence-based assessments where learners arrange items in the correct order. Use them for testing knowledge of processes, timelines, hierarchies, or any content where sequence matters, using a drag-and-drop interface.

Style settings

Property
Description

Answer

Icon color

Set the color for the drag handle icons that allow reordering of items

Background color

Define the background color for orderable items

Hover color

Set the color that appears when users hover over orderable items

Rounding

Adjust corner radius of the orderable items

Display border

Toggle border visibility around orderable items (Yes/No)

Border color

Set the color for borders around orderable items

Thickness

Adjust border thickness of orderable items

Effects

Answer shadow

Add and configure shadow effects for orderable items:

  1. Click the "+" icon to add shadow effects

  2. Select from shadow styles: None, Soft, Regular, or Retro.

Margins

Margin between answers

Set the vertical spacing between consecutive orderable items

Row paddings

Configure the spacing inside orderable item rows (top, right, bottom, left)

Typography settings

Use Rich-text on the Typography tab to apply specific formatting to the text within Orders. Changes made here affect only the text in the Order element:

  • Basic

  • Headings

  • Caption

  • List

  • Quote

  • Link

For details on how to configure parameters in rich-text options, see Typography and fonts.

Last updated

Was this helpful?