How to Use Bookry Drag and Drop Widget
We have the option to upload three audio files that will play as the user interacts with the widget. We can use one sound that will play when the user clicks on a toy in the library, causing the toy to appear in the play area. We also need a sound to play when the user picks up and drops a toy. In the example, we will use the same sound for all three instances.
Now we can upload the image of the play area with the empty shelves. We have already created this image to the suggested 819 wide x 728 high pixels, so we will not need to use the option to crop the image. We will keep the Fill Background with Image option.
Drag and Drop Images
Let's upload the toy images. Just select all the images in the Finder window, to upload them together. Our background image was an .jpg image but these toy images have transparent areas. So we need them to be .png images.
These images will appear in the workspace in the order that they will be displayed in the widget. We can use the drag handles on the right of each toy to reorder the toys as needed.
We can also assign a category to each toy but as this is a baby book, we can omit this step. However, it would be nice to give the user a hint to click on a toy to add it to the play area. Let's set this as our category title, so that it will be displayed above the list of toys.
Our last step is to set the Live Settings.
By default, the widget displays an interactive toolbar next to each toy and the user can resize and rotate the image. This is a little complicated for a baby book, so let's choose to hide the toolbar. Also, if you are using many images, you will want to allow some of the categories to collapse.
Finally, we can save, preview and download the widget.
A special thanks to Norma Vantrease, a retired art teacher turned children's book author.
Editor's Picks Articles
Top Ten Articles
Content copyright © 2019 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.