Iām guessing youāve got all your groups overlapping on the page (i.e. they are all occupying the same space in the editor).
You need to āstackā your groups, one above the other (without any overlap, not even a single pixel) in order for the page to dynamically resize after a larger groups is hidden.
@adamhholmes@StarrK_Designs That is one way, but it is not at all necessary and in my experience becomes unmanageable in the editor if you have a large one page app.
@ben12 You can stack your groups, or you can layer them using the method below.
Instead of stacking, you can layer your groups on top of one another, as long as the groups are all of identical height. So every āpageā of your one page app should be a group of standard height that fits perfectly on top of all the other pages. The standard height should be higher than any of your content will be. For example, in my app, my standard āpageā group height is 4020px, my tallest pageās content is only about 2000px in the editor. Make sure only one if these āpageā groups is visible at a time while your app is being used.
Now youāll still have the problem of each page having different amounts of content and needing to be different sizes other than the standard size. This is solved by adding āresizeā groups at the bottom of each āpageā group that go from the bottom of each page all the way up to the bottom of the āpageā groupās content (with a little margin as desired). The āresizeā groups should be set to not visible and collapse when hidden.
@aj11 Iāve tried building that way and sometimes it works and sometimes it doesnāt. Unfortunately, that isnāt a good thing for my clients which is why I avoid it.
OK I have checked and there are no overlapping groups so back to square one - any help would be much appreciated and happy to pay someone Ā£20 to solve it for me via video.
As far as I can see you havenāt got Collapse Element's Height When Hidden checked on any of your groups (apart from the group containing the card input fields), so try adding that to the main elements as well.
Although the bottom of the page is staying consistent in relation to the right hand column (the floating group) - so thatās probably why the space is not collapsing (itās staying the same distance from the bottom of the floating group).
So you might need to add a hidden group at the bottom of the page with the sole purpose of collapsing when the card details group is not visible if you want the bottom of the page to change its position relative to the right hand column.