Interactive canvas (drag and drop tasks)

The Interactive canvas (IC) is Stile's most versatile task creation tool.

You can use it for the following task types:

  • sorting
  • revealing
  • assembling
  • diagram-building
  • graphing
  • annotating
  • captioning
  • labelling
  • matching
  • sequencing
  • arranging
  • sketching
  • Any combination of these!

This short video demonstrates what these look like in practice:


The magic ingredient is the ability to lock and unlock components on the canvas. Background elements, such as grids and graphics are locked in place whereas elements students should be able to manipulate are unlocked.

Drag and drop tasks can also set to be automatically marked (along with automated feedback), which makes it even more powerful.

How it's done

This short video walks you through creating a drag and drop diagram labelling exercise:



Here's another example, for those who prefer to read:

To create a solar system arranging exercise

1. Add a dark background (either a black rectangle or a deep space image) and the sun.

3. Add individual images of each planet and leave them unlocked

Students will then be able to drag around the planets and place them in the correct location. They can even re-size, rotate them, as well as copy and paste

Please note that copy and paste won't work on the iPad – it relies on the keyboard shortcuts. If your students use iPads, create copies for them and stack them on top of each other so students can just drag them in place.

Students can also upload their own images and arrange them in the same way, which also opens up a lot of possibilities (drawings of diagrams, etc).

Sourcing images 

Wikimedia Commons is an incredible resource for such images. Music teachers, for example, could use these music notation images.

Another great source is Pixabay, especially OpenClipartVectors. In Pixabay or Google Images (again using Google Chrome),

  1. left-click on an image to bring up a large version
  2. right-click and select 'Copy image'
  3. back in Stile, left-click on the IC
  4. Press Ctrl+V (Windows) or Cmd+V (Mac) to paste

It's also a good idea to work with multiple tabs open: one tab in Stile and the others with your sources open.


You can even use them as an area for scratchwork: students can handwrite on them (great for tablets with styli!), type or even upload images (e.g. photos of work done on paper). Simply add a canvas next to a maths problem and title it 'Use this for scratchwork if necessary' or something along those lines)

Automatic marking and feedback

You can specify target areas for students to create 'winning conditions'. E.g. you can create a matching task and specify a correct spot for each element, and even add feedback. To find out more about automatic marking, please see this article.