Swap objects on the screen in Articulate Storyline 2

Mar 30, 2015

I wonder if anyone has done something similar. I have four objects on the screen (images) and I want them to swap positions, when I move one over the other. I'll try to make it a bit more clear. I have picture 1 , picture 2, picture 3 and picture 4 that are at the beginning in position 1, position 2, position 3 and position 4. I want to move picture 1 to position 2 and automatically picture 2 must move to position 1. Now the position of picture 2 becomes position 1 and the position of picture 1 becomes position 2. The next step is to swap picture 1 (now in position 2) with picture 3 and so on. 

I tried 'drag and drop', motion paths, variables and nothing seems to work. Motion paths look promising - if  there are external buttons I can move an object right, left, up and down but there are 2 problems: a) I cannot use buttons, I just want the 'left to right' pathway to be activated if I move the object from left to right, the 'up to down' pathway to be activated if I move the object from up to down etc and b) I cannot make the second object to move to the place of the first one.

I wonder if you have any suggestion. Sorry if it sounds too complicated - in reality it is quite simple. I just want two objects to swap positions when one is pushed over the other.

Many many many thanks,


18 Replies
Vassiliki Bouki

Hi Michael,

Many many thanks. I had gone that far. Unfortunately there is a problem with this solution: when you move object 1 from position 1 to position 2, it seems that both objects behave fine and object 2 moves to the right. The problem is that if you move object 1 back to position 1, object 2 keeps moving on the left instead of going back to position 2 on the right. I have tried to include some variables for each object that show their current position but  it does not seem to work. In any case many thanks again for your time.


Vassiliki Bouki

Hi Alexi,

Many thanks. Very very interesting idea although not what I need. It works great if all the objects are moved horizontally. At the end I want them to also move up and down. I changed the dimensions of Rectangle 5. If you have one column it works but if you have two columns and two rows it does not work properly. But anyway it is a brilliant idea.



Alex Karpov

Hi Vassiliki,

Yeah in case using both vert&horiz it woudn't work...

The only thing I can help you with end slide is to create not one vertical Rectangle like in my example but 4 (if you have 4 pics in raw) and left some space in rentangle for case if there will be more than 4 pics in a raw.

Hope someone will find perfect solution for you soon)



Vassiliki Bouki

Alexi, many thanks. What you suggest is food for thought.

Michael, many thanks for your time. I had tried exactly what you suggest. The problem is that object 2 must 'know' the position of object 1 before the movement to a certain pathway is completed. I have added two variables for initial position and current position for each object - and this is the point where everything becomes too complicated (although it should be quite simple). In any case,many thanks.

Cynthia Manika

Couple of ideas

1 - I think you need to go back to states - example - Object 1's state 2 is Object 2 and Object's 2 stage 2 is Object 1 - set a trigger to adjust variable to change state(s) when object dropped on, etc.  this way you can get multiple objects to change

2. have one object change state change to hidden and have a new object change state to normal - this is easier to do on the fly - you will end up with lots of items.  

my first thought is sleeker just needs planning

Nagaraj Kumar

Can articulate software team work on this problem. To include a freeform, where the images can be placed into the slots and when an image is dragged or moved from its slot and dropped on another image at another slot then... The image on which another image was dropped should move to the empty slot in that plane. This should be as an freeform type. Where we can adjust the number of slots according to rows and columns as we the developers of elearing courses can add the images according to our requirements. This will surely help us to reduce a couple of week time required to create that particular project. 

Hope articulate team gets this information and It will be great if they get back to this type of restriction in their software tool and hope they work on this to make this type of freeform.

Nagaraj Kumar

Number of motion paths: As I have 8 images. This includes a minimum of 8x8=64 line motion parts for each images. So 64 for each of the 8 images hence, 64x8=512 line motion paths in total.

Number of variables: To move each images based on the variable conditions a set of 16 variables are needed to swap a single images to any of the other 7 locations when another image is dragged from it's location and dropped on it. Therefore 16 variables for each image and hence, 16x8=128 set of variables.

Alyssa Gomez

Hi Nagaraj,

Thanks for reaching out! We're always excited to hear new feature ideas from our customers, both here in E-Learning Heroes and in our feature request form! I'll be sure to pass along your idea to my team.

If you're having trouble with a file and would like assistance with it, please share it with our Support Team right here. Thanks!

This discussion is closed. You can start a new discussion or contact Articulate Support.