Hi. I have a group and I’d like to set the width dynamically. It works great when I change the width to a fixed number. Is there any way to set the width to a calculated number that is based on the value of an input slider? Basically, I want to set the width to a percentage of the max based on the slider (using :floor of course), but the width appears to only accept a fixed number. Any ideas? [Screenshot 2023-05-28 at 5.26.52 PM]

You’ll have to use CSS to get it to work since Bubble native doesn’t support dynamic values for dimensions. Look for the plugin called Classify. It’s the easiest way to add CSS classes.

Do you think there is a way to make this work if I want an element to have a calculated width when it is in a repeating group? I’d like the width of the element in each cell to be calculated differently based on another input in that cell. Is that possible? With a different plugin I was able to create a dynamic ID, but I’m not sure if it would work here since each row is individual, and the same repeating group appears on more than one “page” of my single page app. Thanks.

I did something similar when creating my own dynamic table without using table plugins. Try check it out and see if it can help you: [image] Matching row widths to your custom table's headers Tips Hi Bubblers! Just wanted to share an example of how you can match the widths of a cell in one repeating group with others in another repeating group, you’ll find this most useful when making your own custom tables. All you’ll need is some basic CSS knowledge and the Classify plugin. You can find the demo here: Or go straight to the editor here: Hope this helps you in your Bubble journey!

Thank you! That looks perfect. I’ll dissect it tomorrow and give it a try.

Set calculated width in conditional

Need help

ihsanzainal84 May 29, 2023, 4:02am 5

I did something similar when creating my own dynamic table without using table plugins. Try check it out and see if it can help you:

Topic		Replies	Views
Matching row widths to your custom table's headers Tips	6	1060	May 19, 2024
Dynamic Height & Width based on input value Database	5	942	March 14, 2025
Plugin: Set Width and Height Using Dynamic Expressions Showcase	7	1091	January 5, 2024
Dynamic repeating group column widths - Is it possible? App Organization	6	1903	November 23, 2022
Dynamic value in element height & width Need help	8	3209	March 3, 2023

Set calculated width in conditional

Related topics