Putting different categories in different tabs

Resolved

(@jekayode)

Thank you for this plugin, it works so great!

I have a peculiar challenge with the plugin,

I want to put different categories in different bootstrap tabs like the below

<nav>
  <div class="nav nav-tabs" id="nav-tab" role="tablist">
    <a class="nav-item nav-link active" id="nav-canada-tab" data-toggle="tab" href="#nav-canada" role="tab" aria-controls="nav-canada" aria-selected="true">Team Canada</a>
    <a class="nav-item nav-link" id="nav-nye-tab" data-toggle="tab" href="#nav-ny" role="tab" aria-controls="nav-ny" aria-selected="false">Team NY</a>
    <a class="nav-item nav-link" id="nav-ca-tab" data-toggle="tab" href="#nav-ca" role="tab" aria-controls="nav-ca" aria-selected="false">Team Califonia</a>
  </div>
</nav>
<div class="tab-content" id="nav-tabContent">
  <div class="tab-pane fade show active" id="nav-canada" role="tabpanel" aria-labelledby="nav-home-tab">[amoteam max="50" categories="12" item-width="250" item-margin="20" full-width="yes" panel="right"]</div>
  <div class="tab-pane fade" id="nav-ny" role="tabpanel" aria-labelledby="nav-profile-tab">[amoteam max="50" categories="12" item-width="250" item-margin="20" full-width="yes" panel="right"]</div>
  <div class="tab-pane fade" id="nav-ca" role="tabpanel" aria-labelledby="nav-contact-tab">[amoteam max="50" categories="12" item-width="250" item-margin="20" full-width="yes" panel="right"]</div>
</div>

The first one shows well but the other tabs don’t. The team on the other tabs appear on each other.

Please help

Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author Oleg Goltsev
(@amothemo)

6 years, 2 months ago

Hi @jekayode,

Thanks for the kind words about the plugin.

I have a peculiar challenge with the plugin, I want to put different categories in different bootstrap tabs like the below.

Well, maybe someone on this forum will help you. But I personally don’t help (on this forum) with such things, like custom web development / web design, or workings of the plugin inside external 3rd party code.

I only support the plugin itself. And this support does not include services to modify or extend the plugin beyond the original features, style and functionality described and shown on the plugin page or in its demo. For customization services that will help you tailor the item to your specific requirements, you can contact me, the author of the plugin, to discuss a customization, and price for it.

Thread Starter jekayode
(@jekayode)

6 years, 2 months ago

Thank you for your reply.

I have found another way of implementing the featured.

Regards

Plugin Author Oleg Goltsev
(@amothemo)

6 years, 2 months ago

You’re welcome.

jassilem
(@jassilem)

6 years ago

@jekayode I think I’m experiencing the same issue. Are you able to elaborate on how you implemented the feature? Did you still include the profiles within a tab module? Thanks in advance.

mstephens268
(@mstephens268)

5 years, 7 months ago

@jekayode I’m interested in the same thing. I’m using the EA Advanced Tabs widget to try to create a way to filter/sort by staff category. I thought that by creating a Section that consists only of the AMO T.S. shortcode (per category), saving each one as a template, then selecting the template from the content options in the Advanced Tabs, it would do the trick. However, as you experienced, it shows up great in the first tab, then stacked on top of each other (more or less) and only about 10px tall on the other tabs.

Any updates to your solution would be greatly appreciated!