Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Tabs with JBootstrap

02-07-2014, 06:14 AM
# 1 (permalink)
KingCobra
Hello,

I'm want to learn and work with Bootstap more and more and trying out things.

Question is how to show different articles behind the tabs in an article?

So in my example (see link) in the article Tab Test I want to show different article behind every tab. How can I achieve that?

Or if that's not possible:
I can put the content of 3 articles in 1 article an then is the question:
How can I show different parts an article behind every tab.

Now I work with a 3rd party plugin for that, but I think it's possible with Bootstrap.
Foolowing your article Shortcodes I can make the tabs, but for me it was not clear how to get the content you want to show behind the tabs.

Best regards,

Chris

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 2.5

MySQL Version: 5.x

PHP version: 5.x

Link to installation: Tab Test

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
It's nice to be good, but it's better to be nice!
02-07-2014, 10:17 AM
# 2 (permalink)
KingCobra
I made it work bij placing tabs in every article I want to show and changing the "active" class.

Code:

<ul class="nav nav-pills">
<li class="active">
<a href="index.php?option=com_content&view=article&id=1">News item 1</a>
</li>
<li><a href="index.php?option=com_content&view=article&id=2">News item 2</a>
</li>
<li><a href="index.php?option=com_content&view=article&id=3">News item 3</a>
</li>
</ul>
Is this the way to do it? Or ??

Chris
It's nice to be good, but it's better to be nice!
Thread Tools
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password