Animate separate cells of a repeating group

Hi Everyone,

I have a repeating group that contains some data in a specific order. The order has been sorted by a data field called “position” within the database. The order can be changed by clicking the up or down arrows.

image

My issue is when I change the order (let’s say position 3 to 2 or position 3 to 4), I need to animate that changing cell to up and resulting cell to down. For example, if I click the up arrow of cell 3, cell 3 should animate to up and cell 2 should animate to down. It’s just like a swap.

If anyone can help me out on this I would be grateful. Thank you

probme with this is that yore not actually changing the rows position, youre chaing the datas position in the list so simply said the conatiners dont actually change just the data in the conatiners are beeing swapped

container 1; abcyxz

container 2; 9876567

maybe this helps

1 Like

I guess for this effect you can use one of the available drag and drop RG plugins, Zeroqode has one as I remember. But @moon is right, you are not really moving the rows, it’s the data changing. But in this case you need to change how the user interacts with the RG, use handles instead of up & down arrows.

1 Like

Hi moon, Thank you so much for your input. Could you please be kind enough to explain how to use the container as you have mentioned? I’m sorry, but I’m not quite getting the container part you provided.

Hi hanan, Thank you very much for your suggestion. Unfortunately from that plugin they change the position (swap) by dividing the numbers between positions. But as I need the position number as a whole number (not as decimals) i cannot use it in another section of my app if the number is in decimals.

as said the container is not moving just the data like @hanan1 mentioned is being swapped, you would most likely need to use the plugin she suggested or append custom js via the toolbox plugin to the rg or group/container.

this probably helps: