Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

how to create tabs with short code

Featured Lock Resolved
I cannot find and article in the forum from Ehsan Riyadh that describes how to create tabs with descriptions with some type of short code. He wrote out examples but i cannot find the article/reply. Could you help me find that article. I basically have 3 descriptions of text and want to create 3 separate tabs within a CUSTOM HTML module. I believe the information will achieve this.

Attachments (1)

  • tab-sample.jpg
    tab-sample.jpg 14.3 KB

4 Answers

Ehsan Riyadh

More than a month ago #Permalink
Dear pixelpirates,
Please, check this short code hope it will help.

<p>[tab id="tab1" class="tabbale" button="nav-tabs"] [tab_item title="Tab1"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/tab_item] [tab_item title="Tab2"]consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/tab_item] [tab_item title="Tab3"]consectetur adipiscing elit. Proin ornare consectetur sodales. Nulla luctus cursus mauris at dapibus. Cras ac felis et neque consequat elementum a eget turpis. Aliquam erat volutpat. Integer feugiat sem eu ligula vulputate consequat. Nulla facilisi. Cras vel elit lectus, at fringilla lorem.[/tab_item][/tab]</p>


You can find all shortcodes actual code on articles and category is shortcode. Select any shortcode article open with toggle editor pick the code and modify.

pixelpirates

More than a month ago #Permalink
Thanks Ehsan, can you also provide the shortcode for 'Quotes"?

Ehsan Riyadh

More than a month ago #Permalink
In Helix-II go to Articles from admin area find testimonial. Open it with toggle editor and pick the code. Same for all shortcodes in Helix-II. Please, knock us for further assistance.
Regards.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 111
Toufiq

Toufiq

Total Accepted Answers: 60
Sifat

Sifat

Total Accepted Answers: 50
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 20
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 19

118

Templates

305586

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us