Hello fellow Bubblers,
Is there any way, we can make group’s height dynamic?
1 Like
Hi,
If you mean responsive : yes totally.
If you really mean dynamic based on a variable : not really. But you can set conditons on the group to modify its dimensions based on things.
1 Like
Can you please tell me how?
I’ve edited my above message.
I want to make the max height adjusted to custom state’s value, which I have tried but it is not working out.
From conditions I can do, but putting 100 conditions to achieve this is not what I think the best solution.
You can’t do this the Bubble editor (annoyingly), so you’ll need to use some custom CSS.
Just add an HTML element, wit some style tags, and give your element an ID, and define the rule in the HTML. Here the content can be dynamic.
If you need to use a Class instead of an element ID you can install the Classify plugin.
1 Like
So, here each cell is representing an hour. I want height to be dynamic if users select an event longer than 5 hours or more.
I don’t know CSS & HTML. Haven’t worked before. Bubble is the only programming language I know.
Well, I’m not sure exactly what you’re trying to do… but here’s a very basic example of how to make an element’s height dynamic using CSS.
Dynamic Element Height (bubbleapps.io)
You can apply the same method to more complex applications, such as the one you’re describing. You can make all kinds of custom charts/graphs and other visuals using basic CSS like this.
Thank you @adamhholmes you’re a savior for those who don’t know CSS or HTML.
It is the solution, I hope someday we can develop this without taking help of CSS in Bubble.
There are some plugins that allow you to do this as well. Some have the ability to incorporate the values of other elements into the dynamic value so you could add, subtract, multiple or divide by values to arrive at the dynamic height value needed.
For your use case though, you are going to find it difficult to implement what I suspect is the feature you are going after, which would be multiple events on the same day of different lengths that will at times overlap each other. For example, if you have an event that starts at 10AM and goes until 2PM and another event that goes from 12PM to 3PM, the times of 12-2PM in which there are two events, they would need their own groups that overlap…it can be done for a set number of events, like 2 or so, but without custom code it is not really possible to have as many events as somebody might have on their calendar.
You may want to look into some of the calendar plugins that might provide that type of functionality.