Floating sidebar tabs spacing issue

MrJames14 · 2021-01-10T15:49:15.569Z

Hi all,

Recently discovered bubble and really excited to be able to test an idea I have without learning to code.

So far i’ve created a basic structure, relying quite heavily on Canvas templates for pages.

I’ve used one of their dashboard templates as it fits my needs well, however I’m having some trouble with the formatting / spacing on the menu items.

image1213×1536 31.5 KB

I believe this formatting is being caused by some form of conditional logic from the template I used, as these sections expanded with sub-categories originally (which I later removed).

I’d appreciate being pointed in the right direction of where to look to correct this margin / spacing issue. I suspect it’s in the styling section my investigations have so far been unsuccessful.

Thanks

cmarchan · 2021-01-10T15:54:43.392Z

By formatting I think you mean that scrolling bar.

By removing the sub categories it is likely that the height of the fg was cut short. Make sure the fg has the exact same height of the page and that the setting is to float relative to “both”. This should bring its functionality back to reflect the only visible elements that you want shown and eliminate the need for Bubble to activate the scroll bar automatically.

MrJames14 · 2021-01-10T17:19:16.511Z

Hi there Cmarchan,

Thanks for your response!

For further information, I believe the scroll is being triggered by items being spaced beyond the page boundaries by the element margins;

image914×1514 31.8 KB

It was the unnecessary spacing I was looking to resolve, however your insights will likely prove helpful once I have solved this mystery!

cmarchan · 2021-01-10T17:36:23.549Z

If by spacing you mean vertical space between notifications and reports (as an example) … then identify the group right under the parent group of the group that houses the “reports” text element and set it to collapse when hidden.

MrJames14 · 2021-01-10T19:52:55.696Z

Yes indeed, that’s what I was looking to remove.

Upon further investigation it seems there were some hidding sub-tabs beneath the main tabs that were causing the issue.

Thanks for your help

system · 2021-03-21T15:49:16.424Z

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