Tabs with slider inside

Support
#1

Hello You guys.
So i been trying to get this working for some time without any real luck.

What i am trying to achieve is this:
I got tabs element where i want some “guides” made with sliders inside each tab ( tab1 = guide1, tab2= guide2 etc etc )
BUT. when using the exact same slider/shortcode, it still doesn’t work the same way.
on first tab everything is usually good.
Next tab it is isually just showing a 100x100px picture of the first slider image, and not the actual slider ( and not with the same height/width )
Sometimes ( cant really figure out when ) It is kinda showing correct, but still some text on the slider may be 0.2 em instead of 1.8em etc…

Do you guys got any ideas to why this is happening? and aren’t i supposed to have it working ?:slight_smile:
Looking forward to any help you can give me.

  • IF i go inspect the element, it “fixes” it and is showing correct…
    But cant really have my customer inspect every slider to show correct ^^

I know you don’t own the revolution slider plugin, so this may be out of your scope if the issue is on that end.

-Aske

#2

Hello Aske,

Thanks for writing in!

We do not recommend adding any slider inside a tabbed element. Please be advised that the slider needs to initialize upon page loading. If it is added inside a non active tab element, it cannot initialize thus resulting to an issue. This is why as soon as you inspect the element or resize your browser, the slider re initializes load the slides.

It might be possible with a JS code though it is not a guarantee that will have no problems sooner or later.
Please check out this thread:

Hope this helps.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.