Home / Forums / DynamiX Support / Tabs causing odd page behaviour

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts

  • Gareth Jones
    Participant

    I’ve a page that has two tabs. First tab has accordion content inside it. When you move from tab to tab, the bottom of he page seems to move up and then down again. This is very disconcerting.
    example http://bikesurgery.co.uk/servicing/


    Anonymous

    Because the height is changing so will the page. Two thing you can do.

    1) In HTML view – wrap a DIV tag around the tabs and give it a set height. e.g.

    < div style=”height:400px”>
    [tabs …..
    < /div>

    2) Edit the dynamix.min.js file and search for function(){$(“.dyntabs”).tabs({fx:{height:’toggle’ and change to

    function(){$(“.dyntabs”).tabs({fx:{opacity:’toggle’

    Keep the rest of the function intact.

    Hope that helps


    Gareth Jones
    Participant

    Cheers Andy.

    First solution works – though Ill try the second when I have more time.

    One odd thing houg. I added the text for the div as above, and it didn’t work – it added two lots of quotation marks round height=400px so style=””height:400px””

    I’ve now put

    in the editor and it’s fine. Is this another wordpress editor oddity??

    Anonymous

    No problem.

    Please remove the inner quotes – it’s probably because it was copied from here.


    Tony Rockliff
    Participant

    HI, I have the same problem and have tried many variations of solution 1 above – where does the </div> go?

    Thanks.

    Andy
    Andy
    Keymaster

    I'm not sure what you mean Tony?


    Tony Rockliff
    Participant

    I mean that the bottom of the page of each tab jumps up for me as well. I put in the <div style=”height:400px”> before the tabs but wasn't sure where to put the </div> tag  – tried many places but none of them produced the desired result – I'd like them to act the way they do on your demo page at:

    http://themeforest.net/item/dynamix-premium-wordpress-theme/full_screen_preview/113901

    not like they act here:

    http://www.yeastinfection-symptoms.com/staging/activity-points/

    Thanks.

    Andy
    Andy
    Keymaster

    Hi,

    You should have something like

    <div style="height:500px;position:relative">

    [tabs shortcode..]

    </div>

    You may have to increase the height but that should do the trick


    Tony Rockliff
    Participant

    Thanks, Andy, works well 🙂

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.