Join Pooja Jaisingh for an in-depth discussion in this video Adding effects to draggables and drop targets, part of Captivate Projects: Drag-and-Drop Interactions.
- View Offline
- In this exercise, we will learn how to apply effects to draggables and drop targets, to emphasize and make them stand out from the rest of the objects. Let's take a look. We are in the Effects_Start project. You can open it from the Exercise Files folder, on the Chapter 3 folder. Here is a simple one-to-one drag-and-drop interaction. Let's try adding effects to the draggables. Click Window, Drag and Drop to bring up the Drag and Drop inspector. Let's press and hold the Shift key and select all the draggables.
In the Drag and Drop inspector, on the Format tab, select Zoom In next to the Effects. Click Preview, Project. Notice how the draggables zoom in when you click and drag, and come back to their original size when dropped on the drop target. Let's close the preview and try the other effect. With the draggables still selected, go ahead and select the Glow effect. Click Preview, Project.
Notice how the draggables have a glow around them when they are dragged. Let's close the preview and try adding effects to the drop targets. Let's press and hold the Shift key and select the drop targets. In the Drag and Drop inspector, on the Format tab, select Zoom In next to Effects. Let's preview, click Preview, Project. Notice how the drop targets zoom in when the draggable comes close to them.
These simple effects will help you add some life to your drag-and-drop interactions.
- Creating your first drag-and-drop interaction
- Building a drag-and-drop question
- Categorizing draggables and drop targets
- Setting acceptance and rejection behaviors
- Assigning actions
- Providing feedback via captions and audio
- Setting interaction-level actions
- Defining the correct answers
- Advanced drag-and-drop interactions