Hey, I am making a chat application and I have a image in that chat box. I want to collapse the width when the image is not visible.
Please help me to overcome this problem.
Thank you.
Assuming you’re using the new responsive engine, all you need to do is check the ‘Collapse When Hidden’ box for the image element.
As long as the parent container is a Row it will collapse the width of the image element when it’s not visible.
There’s no way to do it in the old responsive engine natively in Bubble, so if you’re using that you’ll have to look in to some custom code solutions…
Here’s an old thread that might give you some ideas:
Just in case someone else is struggling with this, what I did was to
-Put the image in a group
-Set the group to collapse when hidden
-Set the group to not be visible when the image is not avavilable