Tab Button Class Names

  • Resolved eliasonw

    (@eliasonw)


    5 years ago

    Hey bud,

    What are the class names of the Tab Buttons at the top, or are you able to assist in replacing what is necessary in the below with your classes? This is based off supsystic pricing table code to fix the layout inside any tab, and was designed for the default tab module that comes with Divibuilder.

    <script> (function($) { $(document).ready(function() { $(‘.et_pb_tabs_controls li’).click(function() { var index = $(this).index(); $tabs = $(this).parents(‘.et_pb_tabs’); setTimeout(function() { $tabs.find(‘.et_pb_all_tabs .et_pb_tab_’ + index).resize(); }, 700); }); }); })(jQuery); </script>

    Thanks so much

    Regards
    Warren

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author biplob018

    (@biplob018)

    Sorry, At this time its not possible. I tring to add custom id for each tabs, maybe its will comes into next version.

    Thread Starter eliasonw

    (@eliasonw)

    Thanks, but what can I use to identify them then?

    Thread Starter eliasonw

    (@eliasonw)

    I got it to work, if anyone else is using the divi builder theme with your tabs (Seems to be a problem with divibuilder that tables inside their tabs are broken.

    <script type=”text/javascript”>
    jQuery( document ).ready(function() {
    jQuery(“.vc-tabs-li-3-id-4”).click(function(){
    jQuery(‘.ptsTableFrontedShell’).trigger(‘resize’, 700);
    });
    });
    </script>

    jQuery(“.vc-tabs-li-3-id-4”). //the 3 is the Style used, and the 4 is the button ID.
    jQuery(‘.ptsTableFrontedShell’).trigger(‘resize’, 700); //the ptstablefrontedshell should be the content inside the tab and the 700 is the timeout, which makes it look more natural

    • This reply was modified 5 years ago by eliasonw.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tab Button Class Names’ is closed to new replies.

Tags