Collapsible text in the new responsive engine?

Need help
1

Hello everyone!

This is probably a simple problem, so if anyone has done this before, I would appreciate any help!

Background

I have a list of FAQ questions. when a user clicks on a question, I want it to expand and show the answer under the question.

Problem:

When a question is expanded, any questions under should be pushed down.

What I’ve tried so far:

I’ve tried putting the text into a group and tick the “collapse when hidden” box - it didn’t work. I think it’s because the position of the group is relative to the page or a group within the page instead of being positioned relative to the group above it.

Thanks an advance

2

Collapse when hidden should do it…

so if you’ve tried that and it’s not working you’re obviously doing something wrong somewhere.

But without knowing more about what you’re doing it’s going to be hard to guess.

So feel free to share some more info (screenshots, links etc.) if you want some more specific help.

3

Hi @ido1 ,

Are you using a column layout and hiding/showing the text? Because if you tick the “collapse when hidden” button, it would work. Sharing the editor or screenshots of the settings here will be useful so that we can see what you have missed out.

Regards,
Jordan Loh
Bubble Coach

1 Like
4

@nocodejordan @adamhholmes Got it now! it was the columns setting I did not use :slight_smile:

Thanks!

1 Like
5

@nocodejordan I have another, related question.

Let’s say that next to every collapsible questions, I wanted to add an icon that:

Changes depending on the state of the answer
Aligns with the question is pushed.

The idea is to add a + and - button, for example (or arrows) that help the user understand that the item can be expanded, and change depending on whether the item is open or close.

6

This topic was automatically closed after 70 days. New replies are no longer allowed.