[Resolved] Plugin Conflict with Tabby Responsive Tabs

[Author]

Posts

[keithT-3]

I am trying to: Suddenly my plugin Tabby Responsive Tabs stopped displaying the tabbed content properly

Link to a page where the issue can be seen: hidden link

I expected to see: this is a dev site where I have WP Views disabled - hidden link

Notes: On the dev site I disabled all plugins except for Tabby Responsive Tabs and WP Types (so I could get the debug report)

[Nigel]

Hi Keith

Let me add a copy of the plugin to a test site and see if I can reproduce the problem and identify the cause.

I'll update you when I have that set up.

[keithT-3]

Thinking now it could be a combination of those two plugins AND the theme. On this dev site I have changed to a different theme, have Toolset Views active AND also the Tabby Responsive Plugins active - hidden link. I wish I could resolve the issue without switching themes. This site was working fine last week. At some point something changed and the three components stopped working together but not sure what the trigger point was.

[Nigel]

Hi Keith

If this is 3-way conflict involving your theme that may make it trickier to resolve (it may be that there is nothing we can do, it may or may not be on us).

Before going much further, is Bootstrap enabled on your site? Bootstrap comes with tabs, and it is just a question of outputting the markup in the required format, described in the docs: hidden link

Try copying and pasting the following into a test page and visit it on the front end to know whether it works or not:

<div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">...some content</div>
    <div role="tabpanel" class="tab-pane" id="profile">...some other content</div>
    <div role="tabpanel" class="tab-pane" id="messages">...something else</div>
    <div role="tabpanel" class="tab-pane" id="settings">...not the same</div>
  </div>
</div>

(I'm not saying we won't look at the compatibility issue, but if Bootstrap tabs work it would be a quicker result for you.)

[keithT-3]

My issue is resolved now. Thank you! My client decided to go with a different tab plugin and we were able to get that one to work without changing the theme and still using the Toolset plugins. I appreciate your perseverance.