I would like to change my group height based on what elements in that group are visible in given moment.
For example:
There is a group with button “Upload Photo”. When the user uploads the photo it’s visible in that group so other content should “go down” on the website because group is higher now (perviously it was just a button so group was pretty short).
Group will automatically adapt height to the content. Ideally,you should use Collapse group when hidden and also use the minimal size of content that you need and let element increase if needed (example: text element). If content is bigger, the group will increase in height.
What I think is that you actually have something else that take the space between the publish button the rest of the group. It can be an hidden element, that is not a group, and so, doesn’t collapse.
Example, you have a text input, do this text input is inside a group, this group is set to collapse height when hidden and you hide the group and not the textbox?
Example with your app: Input ThreadPic is not inside a group. Put it inside a group and instead of hidden the Input ThreadPic, hide the group. Set the group to collapse when hidden. Do that for all your inputs.
Also, you should only have one button (the last one) Publish. You should put the button inside a group too. This will automatically take place under the visible group.