How to change the position of an element?(How to avoid overlapping of elemens)

Okay so in my app I have a button to upload image. The button works fine but I want to ensure that when there is no image the input box below it should be below the button but when the image is uploaded the images should come in the place of the input box and the input box should go a bit down. How can this be done ?

As long as the move is up or downwards, you can usually solve it by using Groups, and the “Collapse this element’s height when hidden” setting (note that this setting only exists on groups). What this does is that when you hide the group, objects below it will move up the same height as the now invisible group. You can also animate the change.

For several images, like you describe, place the Repeating Group inside of a Group.

Note: when groups are overlapping, the collapse will not be triggered. I struggled with this a bit in the beginning. So place them above each other on the screen.

1 Like

But there is a small problem. I mean let say that the group is not visible and there is an input box at the place of the group. Now when the group becomes visible then the box will be overlapped by the group. How to avoid that?

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.