I have an accordion with one tab for proof of concept and a button under the component at design. The tab is about half the size of the accordion for a full test of screen render behaviour. When the form renders, the accordion shrinks to the size of the tab which is what I wanted and then of course I can collapse so just the tab title is showing.
The issue is that the button under the accordion component is rendering in the same position rather than floating with the accordion so then there is all this space under the accordion. How do I make the content under the accordion shift or change position relative to the accordion size so then there is no space between?
I tried to place the button up further but then of course the accordion just draws right over. I have seen web sites that have great resize of components that move many items under the resized component. I tried using an accordion in a region and changing resize options in a parent container type concept but still no dice.
Hopefully someone has done this before or perhaps there is a property I missed somewhere. I have gone through the demo and documentation already and I did find reference to autoheight but there is no such property that I can see and the demo just has the component by itself with nothing floating under.
Cheers.