Tabs

Simple Tab

The Tab container can include an unlimited number of customizable tabs. Only a single tab's contents can be displayed at a given time.

You can manage the following elements:

Tab
Header Text
Image
Title
Main Text

HTML Code:

<div class="rstpl-tabs" id="enter_title4464">
    <div class="rstpl-box-tabs">
        <ul class="nav nav-tabs" id="enter_title6689">
            <li class="active">
                <a class="rstpl-box-header" data-toggle="tab" href="#tab_header_15970">Tab Header 1</a>
            </li>
            <li>
                <a class="rstpl-box-header" data-toggle="tab" href="#tab_header_23704">Tab Header 2</a>
            </li>
        </ul>
        <div class="tab-content rstpl-padding" id="tabsContent2188">
            <div id="tab_header_15970" class="tab-pane active">
                <div class="rstpl-box-image rstpl-thick-border">
                    <img alt="" src="https://cdn.rsjoomla.com/j3623/templates/rsnoticia/images/sampledata/images/120x80-1.jpg">
                </div>
                <div class="rstpl-box-title">
                    Enter title
                </div>
                <div class="rstpl-box-content">
                    This is sample content. In order to change this text please type in the
                    text box the content you wish to be displayed.
                </div>
            </div>
            <div id="tab_header_23704" class="tab-pane">
                <div class="rstpl-box-image rstpl-thick-border">
                    <img alt="" src="https://cdn.rsjoomla.com/j3623/templates/rsnoticia/images/sampledata/images/120x80-1.jpg">
                </div>
                <div class="rstpl-box-title">
                    Enter title
                </div>
                <div class="rstpl-box-content">
                    This is sample content. In order to change this text please type in the
                    text box the content you wish to be displayed.
                </div>
            </div>
        </div>
    </div>
</div>

One person found this article helpful.

Was this article helpful?

Yes No

Tabs

Simple Tab

HTML Code:

Was this article helpful?

Sorry about that

Connect With Us

RSJoomla! in your language:

Demo

Partners

Support

Our Policies

Search In:

Ordering:

Our Latest Template

RSAlhambra!

Join The Template Club

Free Downloads

Paid Downloads

General FAQ

Documentation

Home / Support / Documentation / RSNoticia! / Shortcodes / Tabs

Tabs

Simple Tab

HTML Code:

Was this article helpful?

Sorry about that

Connect With Us

RSJoomla! in your language:

Demo

Partners

Support

Our Policies