How to let students fill out diagrams and forms with BookWidgets

BookWidgets is so diverse. You can practically do everything with it. That makes it kind of impossible to know every trick from the first day. That’s why I’m covering that for you.

Keep an eye on our blog to find tutorials on all sorts of hacks for BookWidgets. In this blog post I’ll show you how you can let students fill out diagrams and forms.


What do I mean by “filling out diagrams and forms”? Take a look at this example widget and you’ll get it. Click on the image to open it.

Example BookWidgets

Click to open

There are many examples just like this. For instance, you can let students practice filling out a bank transfer form, a job application form, family trees, org charts, and so on.


To get these interactive images and forms, you use the “annotate picture” question type.

  1. Open the Quiz or Worksheet widget.
  2. Add a question
  3. Select “annotate picture”.
  4. Type in your question.
  5. Import a background image. This is the image you want to annotate.
  6. Click on “add” to add a field on the image that students can fill in.
  7. To choose the position of the field on the image, click on “choose”.
  8. Mark the right spot on the image and click on “ok”.
  9. That’s it. Do this all over again to add a new field.


Need some visual support? Take a look at this tutorial with all the steps carefully explained.


Ready to give it a try?

Lucie Renard

Join hundreds of thousands of subscribers, and get the best content on technology in education.

BookWidgets enables teachers to create fun and interactive lessons for tablets, smartphones, and computers.

Choose from over 40 exercise templates (quizzes, crosswords, jigsaw puzzles, ...), and adapt them with your own content.