Hello everyone. I’m trying to set up a SaaS project using Bubble and make.com. In a simple AI ‘chat’ page, I add background color and margins as styles to the ‘text’ elements to highlight the messages, but I encounter the problem of reflection of this style and other elements I added (user photo, etc.).
I made alignment adjustments on the chat page many times in both “Row” and “Columb” layouts, and set up text elements in groups or without groups, but I could not fix the problem.
Try debug inspector to check what is that.
But the best solution is to make a conditional on this element to make it not visible + collapse when hidden. But it has to be made on a specific element if you want to preserve the margin.
So either there is a content somewhere, or there is no collapse rule or there collapse is not ona proper element.
My guess.
In the information in the first line in the debug inspector, it appears as a separate element with dimensions of 30px-30px, but it appears as the ‘text’ element that I have specified as the message text in the properties section.
I tried configuring it as a conditional statement, but although I’m not sure I did it right, I can say that it didn’t work either.
I check the Collapse when hidden box, but nothing changes. At this point I think there’s something I’m doing wrong. I’m still in the learning phase.
What exactly do I need to do for the conditional expression and precipitation?
I would be very happy if you could help me bro.
you don’t need to collapse it, by the looks of it, the message is still visible when there is no content.
So based on how you structured each message, you need to add a conditional that shows a message only when content is a certain type (prompt or reply) or (not empty).
