jor_accordion 9.0b

jordan · Post by **jordan** » Fri Jun 05, 2015 1:20 pm

hi menolly,

that is not possible in a Webbuilder WYSIWYG approach, all objects are fixed in position
what you want is relative positioned objects

1.
the only way to achieve that is by script, that requires custom coding (ie. append relative with jQuery)

2.
another solution, also by script could be to use the WB jQuery Accordion instead
- use the WB jQuery Accordion (with jor_accordionManipulation for individual content height/style)
- use the WB jQuery Accordion events to move the Disqus object into position
much more work but easier to achieve if your not a fan of coding

menolly · Post by **menolly** » Fri Jun 05, 2015 7:34 pm

Hi Jordan,

Thank you for quick reply. So, I need to find some way to push DISQUS maybe jQuery is the best option.

Regards

Juul · Post by **Juul** » Sat Jan 14, 2017 6:50 pm

Hi Jordan,

I`m chenking out the extension and I have a question.

I use it to open a page that opens in a content_place_holder. That page I have made with several breakpoints. Ans it seems that, however I open it an o desktop pc, the page opens in the 320px screen. The font is small and the width is about 320.

Can I use this extension in a page in a content_place_holder?

Why does the small font and the narrow page open?

Juul

jordan · Post by **jordan** » Mon Jan 16, 2017 1:21 pm

Juul wrote:Hi Jordan,

I`m chenking out the extension and I have a question.

I use it to open a page that opens in a content_place_holder. That page I have made with several breakpoints. Ans it seems that, however I open it an o desktop pc, the page opens in the 320px screen. The font is small and the width is about 320.

Can I use this extension in a page in a content_place_holder?

Why does the small font and the narrow page open?

Juul

hello Juul,

I don't understand the problem and how you have set it up from your writing ?
please provide a link to a (simplified) live demo or project of the problem

Juul · Post by **Juul** » Tue Jan 17, 2017 6:58 pm

Hello,

http://gilst.yaes.nl/specialismen.html

I just uploaded the files.

jordan · Post by **jordan** » Tue Jan 17, 2017 10:12 pm

Juul wrote:Why does the small font and the narrow page open?

hello Juul,

I believe you have "include min-width in CSS3 media queries" enabled inside the iframe (pages) ? - disable them

Juul · Post by **Juul** » Wed Jan 18, 2017 7:58 pm

Yes, That's the one!! It works.

Thanks

Can I ask you another question. Is it possible to edit the font size fot responsice (320px) design?

Thanks Juul

jordan · Post by **jordan** » Thu Jan 19, 2017 4:28 pm

Juul wrote:Can I ask you another question. Is it possible to edit the font size fot responsice (320px) design?

no, a.f.a.i.k the extension builder does not allow additional specific styling for breakpoints - (only dedicated position/dimension variables)
but you can create a somewhat copycat function, - jor_accordion follows ie. a WB Text object

if you want to do that ? - follow this:) - a copycat function ... step by step ...

STEP 1:
- add a WB Text object to the same page jor_accordion is on
- change the id of the WB Text object to - copycat
- for the WB Text object enable the property - enable responsive font

STEP 2:
add the following code between the <HEAD> of your Page HTML

<script>
$(function() {
var $cc=$('#wb_copycat'), $joracc=$('.accordion1');
$cc.css({'overflow':'hidden','width':'0px','opacity':0});
$(window).on('load resize',function() {
$joracc.css({'font-family':$cc.css('font-family'),'font-size':$cc.css('font-size')});
});
});
</script>

STEP 3:
change the - copycat - WB Text object style and jor_accordion will follow it's style (family/size)

hope this helps!

Juul · Post by **Juul** » Fri Jan 20, 2017 6:09 pm

Thanks I will try this.

www.wysiwygwebbuilder.com

jor_accordion 9.0b

Re: jor_accordion 9.0b

Re: jor_accordion 9.0b

Re: jor_accordion 9.0b

Re: jor_accordion 9.0b

Re: jor_accordion 9.0b

Re: jor_accordion 9.0b

Re: jor_accordion 9.0b

Re: jor_accordion 9.0b

Re: jor_accordion 9.0b