Bulding a Responsive accordian

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Beth
 
 
Posts: 9
Joined: Mon Jan 15, 2018 10:55 pm

Bulding a Responsive accordian

Post by Beth » Fri Aug 10, 2018 12:23 am

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.

User avatar
crispy68
 
 
Posts: 362
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Bulding a Responsive accordian

Post by crispy68 » Fri Aug 10, 2018 1:40 am

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?

User avatar
bburgess
 
 
Posts: 202
Joined: Mon May 13, 2013 5:05 am
Location: Australia
Contact:

Re: Bulding a Responsive accordian

Post by bburgess » Fri Aug 10, 2018 2:29 am

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

Beth
 
 
Posts: 9
Joined: Mon Jan 15, 2018 10:55 pm

Re: Bulding a Responsive accordian

Post by Beth » Fri Aug 10, 2018 11:39 am

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.

User avatar
Pablo
 
Posts: 13982
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Bulding a Responsive accordian

Post by Pablo » Fri Aug 10, 2018 11:59 am

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

Beth
 
 
Posts: 9
Joined: Mon Jan 15, 2018 10:55 pm

Re: Bulding a Responsive accordian

Post by Beth » Fri Aug 10, 2018 2:57 pm

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.

Post Reply

Who is online

Users browsing this forum: No registered users and 5 guests