• Resolved Marlimant

    (@marlimant)


    Using Oxygen Builder, the class “.as-mask” >> “transform” property hides the accordion. I forced that css code to set “transform:none !important;”
    I could see a incomplete behavior in responsive mode too.
    Thanks for the great plugin.

    • This topic was modified 2 years, 8 months ago by Marlimant.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author bqworks

    (@bqworks)

    Hi,

    It’s possible that when the accordion is instantiated, it’s inside an invisible element, which prevents the accordion to calculate its size correctly. If this is the case, if you resize the browser window, the accordion will resize itself correctly. In this case, you could either handle the issue in Oxygen Builder if its settings allow it or use some JavaScript code to programmatically trigger the accordion’s resize after its parent element becomes visible. If you don’t have a way to detect that event, you could simply try to execute the code after a certain delay, like one second, or more if necessary:

    
    jQuery(document).ready(function(){
        setInterval(function(){
            jQuery('.accordion-slider').accordionSlider('resize');
        }, 1000);
    });
    

    To keep the accordion responsive, you need to allow the transform property on as-mask to work as it was designed.

    Best,
    David

    Thread Starter Marlimant

    (@marlimant)

    Thanks for the fast reply David.
    Fortunately Oxygen has a block to add html and javascript.
    I Added your code, and the problem has gone.
    Greetings!
    Javier.

    • This reply was modified 2 years, 8 months ago by Marlimant.
    Thread Starter Marlimant

    (@marlimant)

    Thank you.

    Plugin Author bqworks

    (@bqworks)

    You’re welcome, Javier!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Oxygen Builder issue’ is closed to new replies.