Joomla Templates Club 406,261 posts

[suhlaing2014 Friend suhlaing2014Join date: January 2014Posts: 18Downloads:0Uploads:2 Thanks: 4]

#196827

Hi,

How to get Tabs working ? even the tabs in typography page not working. This is urgent.

Thanks.

[goodpixel Friend goodpixelJoin date: December 2012Posts: 65Downloads:0Uploads:3 Thanks: 6 Thanked: 31 times in 27 posts]

#531192

Hi, please, what the url of your site?

[suhlaing2014 Friend suhlaing2014Join date: January 2014Posts: 18Downloads:0Uploads:2 Thanks: 4]

#531199

Thanks for your reply.

I installed quickstart package in my local.I try to use tabs and it donesn’t work.
So I checked the demo page and it’s not working as well.

http://ja-biz.demo.joomlart.com/index.php/en/explore/bonus-pages/typography

Menu : Explore >> Typography

Navigations

Tabs

[goodpixel Friend goodpixelJoin date: December 2012Posts: 65Downloads:0Uploads:3 Thanks: 6 Thanked: 31 times in 27 posts]

#531203

Hi, I look at html code in demo and encountered a little error. Try again using this code in your editor using ‘html mode’:

<ul class=”nav nav-tabs” style=”margin-bottom: 15px;”>
<li class=”active”><a href=”#home” data-toggle=”tab”>Home</a></li>
<li><a href=”#profile” data-toggle=”tab”>Profile</a></li>
</ul>
<div id=”myTabContent” class=”tab-content”>
<div id=”home” class=”tab-pane fade active in”>
<p>This is a first tab</p>
<p>In the area of graphical user interfaces (GUI), a <strong>tabbed document interface</strong> (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.</p>
<p>GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).</p>
</div>
<div id=”profile” class=”tab-pane fade”>
<p>This is a second tab</p>
<p>In the area of graphical user interfaces (GUI), a <strong>tabbed document interface</strong> (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.</p>
<p>GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).</p>
</div>
</div>

Let me know if this solve your problem, ok?

1 user says Thank You to goodpixel for this useful post

1. suhlaing2014

[suhlaing2014 Friend suhlaing2014Join date: January 2014Posts: 18Downloads:0Uploads:2 Thanks: 4]

#531264

It work. Thanks.

[Author]

Posts