Accordian for FAQ

[eric.schwantler]

I have built an accordion object for FAQ and obviously better if I can make reusable.
Can I add a text object as placeholder in the reusable component and override when I use on my pages?

[eric.schwantler]

OK, so now i will use a repeating group to manage the data for FAQ and want present using Accordian style. Th eissue that I am having is that I cant seem to collapse the answer section when i want to hide. Any ideas?

[mishav]

@eric.schwantler

collapse the answer section

@DaveA has a demo of collapsing groups and a FAQ accordian.

Unexpected group collapse behavior

You get weird collapsing issues depending on where the responsive engine gets the reference positioning points from nearby elements etc. This means you have to be careful where you place elements, and and to possible include groups within groups etc. See my collapse demo here: https://dave-auld-demo-stuff.bubbleapps.io/group_collapse_demo

@DaveA has link to the editor in this post:

Setting up a calendar's paydays

I have had a play today and managed to create workflows that auto-generate and populate the calendar You need to use custom schedule event triggers. You cannot use normal workflow trigger as you overflow the stack (Exception Thrown), so need to use scheduled triggers, which I set at 1 second. A custom workflow cannot call itself, so you need to use 2 duplicated paths which call each other with each event creation. The button creates the first event in the sequence and passes this t…

Good luck @eric.schwantler

[eric.schwantler]

thx, and I was able to build accordion FAQ if stand-alone object like you have done. The problem is that when Q and A come from database and presented using a repeating group I cant seem to collapse the Answer section. It expands ok but does nor collapse. Maybe I cant use RG?

[NigelG]

Is there more than one answer per question ?

[NigelG]

Although on the face of it doesn’t seem to hard, hence wondering what the extra complexity.

Have a Repeating Group pulling back your data. In Each cell you have the “Question”, your toggle, and a Group that is both hidden and collapses when hidden.

When clicking the toggle, set a custom state that has the currently open tab to that cell’s Question.

Then in the group have a condition that shows the group when the current cell’s Question is the one in the state.

[eric.schwantler]

Thx Nigel, i missed the point that the text box needed to be inside a group object which is collapsible.