jor_accordion 9.0b

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
jordan
 
 
Posts: 829
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_accordion 9.0b

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
 
 
Posts: 6
Joined: Sat May 14, 2011 9:16 am
Location: Dublin - Ireland
Contact:

Re: jor_accordion 9.0b

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
 
 
Posts: 7
Joined: Wed Aug 15, 2007 12:21 pm

Re: jor_accordion 9.0b

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
 
 
Posts: 829
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_accordion 9.0b

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
 
 
Posts: 7
Joined: Wed Aug 15, 2007 12:21 pm

Re: jor_accordion 9.0b

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

Hello,

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

I just uploaded the files.

jordan
 
 
Posts: 829
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_accordion 9.0b

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
 
 
Posts: 7
Joined: Wed Aug 15, 2007 12:21 pm

Re: jor_accordion 9.0b

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
 
 
Posts: 829
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_accordion 9.0b

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
 
 
Posts: 7
Joined: Wed Aug 15, 2007 12:21 pm

Re: jor_accordion 9.0b

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

Thanks I will try this.

Post Reply