If you’re working with Drag and Drop elements in your module, this guide explains where to find the settings and what each one does.
There are two ways to add a Drag and Drop element.
Option 1 (recommended)
Add a Drag and Drop template together with a Page or Scrolling section element.
The element is empty, but the template is pre-filled and works immediately after it’s added.
Option 2
Add the element manually by selecting Exercise: Drag and Drop from the dropdown.
Add the text for categories and answer options.
Keep answer options short (no longer than 104 characters).
Use the + button to add categories or answer options, and the - button to remove them.
After editing, select Add to insert the Drag and Drop element.
Settings Overview
Setting Name | Default | What it does |
No correct/incorrect answers feedback | Unticked | When ticked, users do not see correct or incorrect feedback. |
Instructions | Drag each item to the appropriate column and then select Submit | Displays the user instructions on screen. |
Remove instructions when completed | Unticked | Removes the instructions once the exercise is complete. |
Completion Action | SKILLCASTAPI.showNext(); | Ensures the Next button appears once the exercise is completed. |
Set data – success | Empty | Used for advanced custom-code with Variables and Values. Leave empty. |
Set data – error | Empty | Used for advanced custom-code with Variables and Values. Leave empty. |
Success Message | You have now completed this exercise - select the Next arrow to proceed | Shows when all options are correctly placed. |
Error Message | Not quite - select 'Correct Answers' to find out where you went wrong before you can proceed | Shows when at least one option is incorrect. |
Accessible Version Alert | Please check one of the options! | Appears if the user selects Submit without choosing an option. |
MCQ Instructions | Select the correct category for each statement below | Instructions for accessible/mobile version. |
MCQ Success Message | Correct | Shown when an answer is correct in the accessible/mobile version. |
MCQ Error Message | Incorrect. The correct option is [correctOption] | Shown when an answer is incorrect in the accessible/mobile version. |
Action Buttons | Submit, Correct Answers, Your Answers | Controls the button labels. Submit locks answers. Correct Answers reveals correct placements. Your Answers shows the user’s choices. |
Accessible Button | Show button - Yes | Allows users to switch to the accessible version. You may add an icon and/or text. If no name is provided, add an Aria label and Title. |
Standard Button | Standard Version | Appears only when the Accessible Button is visible. You may set Name, Aria-Label and Title. |
Accessible Submit Button | Submit | Submit button for the accessible/mobile version. |
Use accessible button instructions | Unchecked | Shows extra guidance about how to use the standard and accessible modes. |
Accessible button instructions | Select the icon to complete the exercise in accessible mode | Instructions displayed next to the Accessible button. |
Standard button instructions | Select the icon to complete the exercise in standard mode | Instructions displayed next to the Standard button. |
Set drag and drop summary | Unchecked | Leave unchecked. |
Show one by one statement in accessible version | Unchecked | When ticked, options appear one at a time in the mobile/accessible version. |
After Finishing Your Module
Once you’ve made all your changes, follow your standard module publishing steps.
If you need different permissions to work with Drag and Drop elements, contact your company admin or Customer Success Manager.
If you need further help, contact your Customer Success Manager by selecting Send us a message via the help icon on your portal, or by emailing [email protected].