Skip to main content
This is a custom warning

Does the component apply visual style — color, typography, icons, space, borders, and more — using appropriate variable tokens?

Tovuti Impacted

[8-13-24 12:00 PM MT] Our Technology team is aware of the issue with Interactive Content and is working on a resolution. In the meantime, we do not recommend attempting to edit this content, as it will not resolve the issue.

Please check back here for updates.

Email support@tovutiteam.com if you have any questions.

Unlock the power of AI-generated content creation with Dizi

Dizi is an AI-powered LMS content creation assistant that creates quizzes and lessons in seconds and entire professional-looking courses in just minutes. Turn weeks of research, planning, and lesson-building into a click of a button.
Reminder! Tovuti Weekly Maintenance Window!

Tovuti's scheduled weekly maintenance window is every Saturday between 8:00 AM and 12:00 PM, US Mountain Time.

There may be downtime during this period.

Create a Drag and Drop Task

  • Updated

The "Drag and Drop" activity asks users to complete a task by dragging items (words, images, or other elements) and dropping them into designated target areas. This type of activity is often used to reinforce learning through interactive matching, categorization, or sequencing exercises.

This article outlines the following concepts:

Create a New Activity

Click New within Interactive Content (Content Creation) > Select Drag and Drop

interactive-content_drag-and-drop_01.png

 

Step 1 - Settings

Give this quiz a Title,

In Step 1 - Settings, add a Background Image and set the image size.

interactive-content_drag-and-drop_02.png

 

Step 2 - Task

In Step 2 - Task, begin placing “drop zones” on the image.

Create a drop zone (1) and add text or an image as a "dropable" element (2).

interactive-content_drag-and-drop_03.png

 

In the drop zone editor and select the elements that belong to this zone. 

interactive-content_drag-and-drop_04-5.png

 

In the dropable element editor, select to which drop zone this element belongs. 

interactive-content_drag-and-drop_04.png

 

In order for a dropable element to be a "correct answer," it must correspond to the drop zone in both the dropable element editor and the drop zone editor. 

 

If applicable, add custom feedback for students based on their score range.

Configure additional settings such as Behavioral Settings to designate how students can interact with this quiz and set an expiration date if applicable.

Click Save. 

Related articles