Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • Nick Friend
    #1021735

    Hi!
    I am using the Simpli template and looking at the typography page, how do you implement the "Tabs" as featured in the Navigations section of the Simpli Topography?
    Thanks!

    Pankaj Sharma Moderator
    #1021926

    Hi
    its custom html code. I attached the sample code for you below

    <div class="span8">
    <h2 class="sub-title">Tabs</h2>
    <ul class="nav nav-tabs">
    <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
    <li class=""><a href="#profile" data-toggle="tab">Profile</a></li>
    <li class="disabled"><a>Disabled</a></li>
    <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown"> Dropdown </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 id="home" class="tab-pane fade active in">
    <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>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="dropdown1" class="tab-pane fade">
    <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="dropdown2" class="tab-pane fade">
    <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>

    Regards

Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 1 reply, has 2 voices, and was last updated by  Pankaj Sharma 7 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum