Thumbnail
Awesome Tabs

Developed by

Beginner
Beginner

“Awesome Tabs” is a concrete5 Add-On that lets you create tabs (tabbed content) with Block Types, Layouts and Stacks however you’d like to combine these. Not just a “Content” field where you enter some text, images or HTML you need… Use your Block Types. Even nest tabs within tabs, go crazy! Extremely flexible, limitless possibilities for your tabbed content.

Not limited to just one tabbed content per page, you can even go vertical and fade in your tabbed content. Simple setup and even when you switch your theme from Bootstrap to Foundation (or another framework), your tabs will keep working as expected. You could even have 2 active themes, one with Bootstrap and the other with Foundation, and have them both just work as they should. No need for choosing a “Template” for the Block Type, it will be done automatically.

So, let’s sum up what’s possible:

  1. Place any Block Type and as many Block Types you’d like in your tabbed content;
  2. Place any Layout and as many Layouts you’d like in your tabbed content;
  3. Place any Stack and as many Stacks you’d like in your tabbed content;
  4. Combine any of the above (Block Type, Layout, Stack) in any order you’d like and as many as you’d like;
  5. Make as many tabs on your page as you want, not limited to 1 or 10;
  6. Nest tabs, as many levels as you’d like. Or just don’t nest at all and create normal tabs;
  7. Make horizontal tabs or vertical tabs;
  8. Fade in your tabbed content. Can be set per panel, so no need to fade all or fade none, you choose;
  9. Don’t care about “Block Templates” or frameworks, this Add-On adapts to your current active theme, whether it is Bootstrap, Foundation, Skeleton or something else (defaults to jQuery UI tabs if none of the above). Whenever you decide to change from one of the frameworks, you tabs still work without any changes needed;
  10. Set tab titles however you’d want them, just textual or a combination of textual with FontAwesome icons or other HTML? No limits, just make sure you write/copy valid HTML if you are going to use it. For example this as a value (example with Font Awesome icon at the start): 
    <i class="fa fa-info-circle"></i> My Clickable Panel Title;

Only 1 simple Block Type is needed to make your tab dreams come true. No difficult setup with multiple Block Types or advanced dashboard pages. Do it all on the page you’re on, with the “Awesome Tabs” Block Type. See the "How To" page, how to make it all work!

In case you’re using another popular framework, which has tabs with HTML implemented by default, let me know. I’d happily add more frameworks to this Add-On. Just let me know the framework name and its URLs (preferably both GitHub and website), so I can dive into the documentation and make it happen.

This Add-On works with any concrete5 version, starting from 5.7.0.4. So yes, this works with concrete5 version 8.x (like version 8.4.2) too.

Current Version: 0.9.5
Fully Translatable: Yes
Needs External Libraries: No
Compatible 5.7.0.4+
License: Standard
Support Response: Replies to tickets every few days.
Support Hosted: On concrete5.org
Needs extra server permissions: No
Needs Internet: No
Marketplace Tests:
Passed Automated Tests
Passed PRB Review