I would like to add another button on this menu but there’s no room.
Any idea on how to add another button on there and make it scroll horizontally? I know you can do horizontal scroll with a repeating group; however, these are buttons and not a RG.
put each button into a single cell of the R.G. and put a conditional on each button to be visible when “current cell index is…” so whatever button you want shown first current cell index is 1
current cell index is just the number of the R.G. in order so your fourth and last button would be current cell index is 4
Bubble now has built in functions with the flexbox system to check a box to enable vertical scrolling but not horizontal scrolling at the moment. You would need custom CSS.
<style>
#YOURELEMENT ID {
overflow-x: auto !important;
}
</style>
In the repeating group set to min width zero and fit width content checkbox.
inside repeating group put a group and min width set to 400px Up. then add the button.
brother you saved my life, spent hours on this. Was using a template and even after deleting all the preset CSS from “Script in body in settings”, the normal basic horizontal scroll rg wouldn’t work. So I used this to override the CSS.
Any suggestions on how completely remove any preset CSS from a template app? Tried looking all over the app but couldn’t find anything.
I try to use the app search tool plus looking into settings.
First, I’d suggest going to settings and checking SEO/Metatags tab and scroll down to the Advance section to check the script in header and body sections.
If you don’t see anything there, can search the app search tool for HTML elements, but I say that only because that is where I place my custom CSS so I can easily find it using the app search tool. Some developers may use the page settings and add it there, so might need to check each page.
If you don’t find any HTML elements with the custom CSS, and no pages have the settings, then I’d look at the plugins in use, delete any for CSS, then check the issue checker to see where the plugins might have had their values used by dynamic expressions.
Or, you could just contact the template developer and ask them where it is. Check the template page and go to the contributor profile and find their contact button/info.
I love you so much man. Thank you for this. 10000000x. Can’t thank you enough… Love you a million times fellow human!!! thank you!!! Yes!!! You go! I owe you