jor_accordion 9.0b

[jordan]

hi pewe,

if you don't use fullscreen width, why not use a background image with curved corners ?
it's quite easy to set up … an example here - link removed -

hope this helps …

[pewe]

Thanks Jordan - your efforts are much appreciated.

Not being a coder, as the corner radius is an option in Themeroller and is included in their css file, in my ignorance I thought it may not have been to difficult an option to include in yours - which by the way in my humble opinion is excellent work.

I will have a go at creating some images

[CJS]

Jordan,
The latest version is amazing. I am going to have to work hard to think of enough ideas to make use of all the capabilities you have provided.
Very Good.
Thank You very much.
We'er all better off because of your good work.

[pewe]

Here is the result of adding images with corners for the header - works a treat - thanks for the input Jordan.

jquerycompare2.JPG

[jordan]

hehe CJS thanks for your kind words – not aimed for but much appreciated . .

[jordan]

yup, pewe looks sharp to me from what I can see, or rather edged in this case . .

[menolly]

How can I add some option in webbuilder 10 to push one square shape with DISQUS Comments when I click on any of according menu. When is expanding is moving on to DISQUS Comments. I want to add something to push that part below according menu.

https://www.youtube.com/watch?v=dmb4IyBlyYI

http://www.dublin15.info
Any iddea?

[jordan]

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]

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]

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]

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]

Hello,

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

I just uploaded the files.

[jordan]

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]

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]

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!