Joomlart TAB plugin

axell4web

In JA-Medicare template, at typography page, you included one TAB plugin/modul.
I can't find it on my website with same template. You can help me how I can find it? I would like to add this tabs in one custom modules.

saguaros

Hi @axell4web

The tab in typography is used from Bootstrap 3 and is custom HTML. You can see how to use it here.

If you need any assistance, please let me know in more detail.

Regards,

axell4web

Hi,
I understand, I will use this code:
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">Profile</a></li>
<li role="presentation"><a href="#">Messages</a></li>
</ul>

But I do not have the class .nav and .nav-tabs.
Note the .nav-tabs class requires the .nav base class.

What that should contain ?
Where I should add that ?

saguaros

axell4web Hi

Here is the full markup of the Tabs section on Typography page of this template:

<!-- Tabs -->
  <div class="col-lg-8">
    <h2>Tabs</h2>
    <ul class="nav nav-tabs">
      <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
      <li><a href="#profile" data-toggle="tab">Profile</a></li>
      <li class="disabled"><a>Disabled</a></li>
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
          Dropdown <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
          <li><a href="#dropdown1" data-toggle="tab">Action</a></li>
          <li><a href="#dropdown2" data-toggle="tab">Another action</a></li>
          <li><a href="#dropdown2" data-toggle="tab">Another action</a></li>
        </ul>
      </li>
    </ul>
    <div id="myTabContent" class="tab-content">
      <div class="tab-pane fade active in" id="home">
        <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 class="tab-pane fade" id="profile">
        <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 class="tab-pane fade" id="dropdown1">
        <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 class="tab-pane fade" id="dropdown2">
        <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>
  </div>
  <!-- //Tabs -->

You can replace with your own content.

Regards