Page 1 of 1

Bulding a Responsive accordian

Posted: Fri Aug 10, 2018 12:23 am
by Beth
Hi! I'm trying to figure out how to make a text based FAQ accordian, something like the Jquery extention, but with better formatting control. I've tried to use layers and events, reconfigure existing menu tools, layout grids and whatever else can I find in WYSIWYG builder, but all to no avail.

I would like it to be responsive and compact. There was a javascript that was using with another software ... S- ... and I can insert that HTML into WYSIWYG builder, but it's not pretty or responsive. Any ideas would be greatly appreciated.

Re: Bulding a Responsive accordian

Posted: Fri Aug 10, 2018 1:40 am
by crispy68
Are you referring to the jQuery FAQ extension or the Accordion under the jQuery UI/Bootstrap section? The Accordion one will give you more styling options. If this doesnt work, can you be more specific on what you need that it doesnt have?

Re: Bulding a Responsive accordian

Posted: Fri Aug 10, 2018 2:29 am
by bburgess
Hi Beth do you mean a FAQ similar to this?
https://www.burgessfreelancer.ga/faq/

If so I will look up the details for you, its all standard WWB. You can pretty much change most things with the WWB tools.

Cheers
BB

Re: Bulding a Responsive accordian

Posted: Fri Aug 10, 2018 11:39 am
by Beth
Thank you both for your answers.

I mean the jQuery FAQ extension. This works responsively if you put it into a Layout Grid, but it's not very configurable.

I can't seem to make the 'Accordion under the jQuery UI/Bootstrap section' work for me responsively. I have tried doing it in mutiple versions for various breakpoints since it doesn't want to be in a Layout Grid. We're talking about up to 20 subject/answers with varying text lengths so that's a lot to do. Maybe there's an easier way?

I like the one from BB. That would do very nicely and I'd be grateful for some help with that. I don't mind a bit of cut-and-paste coding, if that's what it would take.

Re: Bulding a Responsive accordian

Posted: Fri Aug 10, 2018 11:59 am
by Pablo
I can't seem to make the 'Accordion under the jQuery UI/Bootstrap section' work for me responsively.
The accordion can be used inside a layout grid. It will then be flexible, there is no need to duplicated it in breakpoints.

Example:
http://www.wysiwygwebbuilder.com/suppor ... owers.html

Re: Bulding a Responsive accordian

Posted: Fri Aug 10, 2018 2:57 pm
by Beth
Thank you Pablo and everyone. Silly me had figured that out months ago and stored it as block and forgot about it! Yes, the jQuery Accordian inside the Flex Container works great. Problem solved.