Move element interaction

You can have users change the position of elements by way of interaction. Use the ‘Move element(s)’ interaction to do so. You can use this function, among other things, for:

Gamification of a video
Moving information on or off the screen
Switchable video

How does it work?

Select the desired element (that you want the users to be able to click on to make an element move) and go to Interactions. Click on the blue (+) button to add a new interaction. Choose On Click in the opened window and select the option Move element(s). Continue by clicking on the blue (+) button to add a ‘move action’

Movement

Two types of movement are possible:

Relative: movement relative to the position of the element at that moment.

Absolute: movement to a set position on the canvas.

Move (X/Y)

Determine the movement of the element on the basis of the X- and Y-axis.

Attention: calculations are made on basis of the location of the upper left corner of an element.

Duration

This is the duration of the movement (in milliseconds). For movement without animation (instant), enter '0'. If you want there to be an animation of the relocation between the initial and ‘new’ position, choose a higher value than 0, for example 500 (0,5 seconds)

Press Apply after you are done configurating to confirm the settings.