Page 1 of 1

collapsible FAQ in a col of a Layout grid

Posted: Thu Jan 05, 2017 11:16 am
by Aris
Hi.

I would like to put collapsible FAQ inside a col of a Layout Grid, in order to be responsive.

Can you suggest to me some solution?

Thank you.

Aris

Re: collapsible FAQ in a col of a Layout grid

Posted: Thu Jan 05, 2017 12:01 pm
by Pablo
The FAQ extension was not designed to be used in a Layout grid, so this functionality is not supported.
You will need custom script for this.

Re: collapsible FAQ in a col of a Layout grid

Posted: Thu Jan 05, 2017 12:05 pm
by BaconFries
Maybe this external script could help.
http://www.jqueryscript.net/accordion/S ... lider.html

Re: collapsible FAQ in a col of a Layout grid

Posted: Thu Jan 05, 2017 6:44 pm
by Aris
This was the choice I made!

Thank you.

But --probably because of my ignorance-- I put all the body code of the accordion FAQ inside an <HTML>.
The result is that the accordion seems not having place near the previous and the next Layout Grid which
I have in my page.

Is there some "container" in order to accept the accordion code?

Aris

Re: collapsible FAQ in a col of a Layout grid

Posted: Thu Jan 05, 2017 6:47 pm
by Pablo
You can use the HTML object to insert external code.

Re: collapsible FAQ in a col of a Layout grid

Posted: Sun Jan 08, 2017 11:28 am
by Aris
Hi.

I think I found a solution to this problem. I do not know if it is computationally correct, but it works well on my site: I used the HTML object in order to paste the questions. But I chose the type "Do not use <div>". So I can see all the questions in a collapsible manner.

Please, see my web page: http://www.proofreader.gr/questions.php. Ερωτήσεις = Questions

Additionally, I had to paste between Head tags the following:

Code: Select all

<link href = "http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.min.css"
          rel = "stylesheet">
       <Src script = "https://code.jquery.com/jquery-1.10.2.js"> </ script>
       <Src script = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
What is my question:

How can I change these LINKS (

Code: Select all

<link href = "http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.min.css"
          rel = "stylesheet">
       <Src script = "https://code.jquery.com/jquery-1.10.2.js"> </ script>
       <Src script = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
),

in order to change the theme "lightness" (hover, background, colors etc.) to a custom theme?

Please note that I am not a deep understanding of these techniques.

Thank you.

Aris Giavris

Re: collapsible FAQ in a col of a Layout grid

Posted: Sun Jan 08, 2017 12:02 pm
by Pablo
I think it is easier to use the built-in themes then you do not have to include this code. For example, by adding a hidden jQuery Button.

Note that I cannot give assistance on third party code, because for me that may also take several hour to figure out how it works.

Re: collapsible FAQ in a col of a Layout grid

Posted: Sun Jan 08, 2017 1:03 pm
by jordan
Aris wrote:Hi.

I would like to put collapsible FAQ inside a col of a Layout Grid, in order to be responsive.

Can you suggest to me some solution?

Thank you.

Aris
hi Aris,

it you want I can create a jor_FAQManipulation version that works in a WB grid
you would have to test it for yourself tho, don't have the time for that at the moment - (think it will work just fine)
just let me know:)

or maybe take a look at jor_gridRip
I wrote that specifically for WB grids accordion style behavior with powerful additional options
see a full advanced template demo - here

Re: collapsible FAQ in a col of a Layout grid

Posted: Sun Jan 08, 2017 10:24 pm
by Aris
I think it is easier to use the built-in themes then you do not have to include this code. For example, by adding a hidden jQuery Button.
Please, can you give me some instructions how to use build in themes in order to avoid to include this code in the HEAD TAGS?

Thank you.

Aris

Re: collapsible FAQ in a col of a Layout grid

Posted: Mon Jan 09, 2017 6:51 am
by Pablo
Drag & drop one of the jQuery UI widgets to the page, this will automatically include the page theme.

Re: collapsible FAQ in a col of a Layout grid

Posted: Tue Jan 10, 2017 8:37 pm
by Aris
Sorry, but I do not understand: What is a
hidden jQuery Button
?

I think that this gives a solution to my problem.

Aris

Re: collapsible FAQ in a col of a Layout grid

Posted: Tue Jan 10, 2017 9:31 pm
by Pablo
You will find the jQuery Button in the toolbox.