Another problem – using with a second plugin

May I get a link to the page please? This is most likely due to the fact that most interactive elements don’t like to load on hidden content.

Hi, Thanks for getting back. After a bit more testing I realize that it is not that only the last reference to the other plugin but that only the first reference works? Well the first reference where something is done (sort, search etc). Here’s the link

https://wp.chs.harvard.edu/forum-test/

I’ve just put up a small test site with two tabs. The first is using WP UI with the second plugin. The code below is what is used on the page

code
——————————————————————–
[wptabs]

[wptabtitle] Full list[/wptabtitle] [wptabcontent][pdb_list][/wptabcontent]

[wptabtitle] Search list[/wptabtitle] [wptabcontent][pdb_list search=true][/wptabcontent]

[wptabtitle] Sort list[/wptabtitle] [wptabcontent][pdb_list sort=true][/wptabcontent]

[wptabtitle] Search list[/wptabtitle] [wptabcontent][pdb_list search=true][/wptabcontent]

[/wptabs]
———————————————————————-

The second page is with just the other plugin where you can see that it works ok.

code
———————————————————————–
[pdb_list]

[pdb_list search=true]

[pdb_list sort=true]
———————————————————————-

Thanks.

Strange, It seems to work here. Anyway I might be wrong. With the recent CSS changes to jQuery UI – absolute positioning CSS fix I was about to suggest will not probably work. You might need to do it with JS, for example –

wpuiJQ( function( $ ) {
    $( '.wp-tabs' ).find( '.ui-tabs-panel' ).css({ position : 'absolute', top : '-1000px' });

   // better to use ID.
    $( '.wp-tabs' ).on( 'tabsbeforeactivate', function(e, ui ) {
         ui.newPanel
          .css({ 'position' :  'static' })
          .siblings('.ui-tabs-panel')
         .css({ position : 'absolute', top : '-1000px' });
   });
});

You might need to harness the tabsbeforeactivate event appropriately to make the tabs work. Please modify the code accordingly.