Drag and Drop Widget at Bookry.com

Drag and Drop Widget at Bookry.com
In this Bookry for iBooks Author tutorial, we will create the Drag and Drop widdget at Bookry.com. This widget is a fun game with drag and drop images, which can be customized for just about any type of book.

For our example, we will be creating this widget for a baby book title Baby Time by Norma Vantrease, which was created in iBooks AuthorR using the Children's Storybook Template. In the Playtime chapter of the book, the children put away their toys before going to bed. This was a great opportunity for using the Drag and Drop widget. The background image will be the empty toy shelves and the drag and drop images will be the toys.

This example has only a few toys, but your game can have as many drag-able objects as you wish. If you have many, it would be better to divide the objects into categories. In this way, each category list can be collapsed, making a long list a bit shorter.

Widget Settings

Name of Widget
Our first task is to give this widget a unique name. Let's call it BabyBookToys.

The next setting is for the orientation of the widget. This will be determined by the orientation of your book in iBooks Author. For the example, we will keep the default Landscape orientation, as the Baby Time book has the landscape layout.

Cover/Startup Image
We have the option to use our own Cover and Startup image, which will be displayed at the startup or loading of the widget. It also acts as the thumbnail button on the page. For our baby book, the default Bookry icon is perfect, so we will use that.

If you choose to use your own image, it should be 1024 x 769 pixels.

Background and Text
In this widget, the drag and drop images will be placed on the left in a "library" list. We have the option to combine the drag and drop images in to one or more categories. We can also set the background color for the library, background color of the category labels and text color.

For our widget, we want the library to become part of the page design, so let's set the background color to the blue color of the striped wallpaper in the playroom. We will use the same pink behind the black text, as we used in the entire book. We can also set the font to the Futura, which is very much like the Chalkboard SE font that we are using in the book.


A special thanks to Norma Vantrease, a retired art teacher turned children's book author.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2022 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.