Building a SPA requires that each group (page) must be shown/hidden. Because some groups will be taller than others, we need to collapse the height to fit each groups height which is easily done in the old engine, simply add a group underneath the content which is hidden and collapsed.
Am I correct in thinking that the new engine can not collapse in this way? For example, make you index page 1000 high and add a hidden and collapsed group 500 high, on preview you should see the index page as 500px high but it seems to remain at 1000 high with the new engine.
How can we create a SPA with the height shrinking to fit content in the new engine?
There’s no need to do any of that in the new responsive engine… just add your groups as you need them and check the ‘collapse when hidden’ box. Job done.
This didn’t work because, although the groups do collapse the main index page does not shrink to fit what ever content is showing. In the old responsive engine the index didn’t have a ‘minimum’ height value so it did collapse.
I don’t want to push my luck with the new responsive engine, I am blown away at how good it is so far, it’s so robust - the Bubble team are literal geniuses (or is it genii!?!)
Question; is there a way to make buttons stretch to fit the button text?
You’ve got it set to ‘fixed width’ (which means its width won’t change)…
If you want its width to fit the content, deselect the ‘fixed width’ option, then you’ll see the additional responsive options - so select ‘fit width to content’ (Obviously check your min and max width settings as well)
