share

Important Notice: The name of this plugin was changed from "Easy Tabs" to "Pure Tabs" due to a naming conflict with an existing plugin registered with JED.

Installation:

This plugin is designed for Joomla 2.5. To install go to the Extension Manager - Install page of Joomla Administrator and upload the package file.

Usage:

To use this plugin as content in an article, first enable the plugin and configure the default parameters in the Plugin Manager.

To use the plugin in an article, you utilize the two tag expressions, each with a different set of attributes. They are used very similar to xhtml, with the exception that they surrounded by curly brackets.

The first tag expression is {puretabs}{/puretabs}. Notice that it has a start tag and an end tag. It has 6 attributes as follows:

puretabs Attribute default value possible values
theme basic-blue.css [any css file in the themes folder]
position top bottom, left, right, top
headerfullnone, list, full
selected1[number relating to one of the tabs]
centered01, 0
height500[any integer number]

The second tag expression is {tab}{/tab}. Notice that this also has a start and end tag. In addition, this expression exists inside of {puretabs}{/puretabs}, one or more times. It has 3 attributes and 4 possible modes. Here are the 3 attributes:

tab attributedefault valuepossible values
titleTab[the text for the tab button]
modetexttext, article, module, position
iconurl-[optional url to an image prepended to the tab text]

There 4 possible modes:

modedescription
text[type text between start and end tag]
article[specify the article id between start and end tag]
module[specify the module name between start and end tag]
position[specify the module position between start and end tag]

There are also various formats for the module mode and the position mode. For the module mode, you can specify the module name, its title and its style; each separated by a comma. There are 5 module styles:

  1. none (No wrapping - Raw)
  2. table (Wrapped by Table - Column)
  3. horz (Wrapped by Table - Horizontal)
  4. xhtml (Wrapped by Divs)
  5. rounded (Wrapped by Multiple Divs)

Thus, the possible formats for the module mode are (using the example of mod_login):

  1. {tab mode="module"}mod_login{/tab}
  2. {tab mode="module"}mod_login, Login Form{/tab}
  3. {tab mode="module"}mod_login, Login Form, rounded{/tab}

For the position mode, you can specify the module style in addition to the module position; each separated by a comma. The possible formats (using the example of user1 position) are:

  1. {tab mode="position"}user1{/tab}
  2. {tab mode="position"}user1, table{/tab}

For a full example of how to use Easy Tabs, type the following code:

{puretabs position=top theme=gray-pitch.css centered=0  selected='3' height=200}
  {tab title="One Thing" mode="text"}This is a sentence.{/tab}
  {tab title="Two" mode="article"}1{/tab}
  {tab title="hello" mode="position"}left{/tab}
  {tab iconurl='images/icons/application_delete.png' title="hello2" mode="module"}mod_login{/tab}
{/puretabs}

Also note that attributes can be specified with single quotes, double quotes, or no quotes (if the value contains no spaces).

Parameters:

NameKeywordDefault ValueDescription
Default Tabs PositionpositiontopThis is the default position of tabs. This can be overridden by specific pure tabs in any article.
Tabs HeaderheaderfullThis sets how you want the header to be displayed. This can be overridden by specific pure tabs in any article.
Center the Tabscentered0This determines whether the tabs will be centered or left aligned when placed at the top or bottom. This can be overridden by specific pure tabs in any article.
Minimum Heightheight500This is the minimum height used when the position of the tabs are set to left or right.
Use Inline Stylesn/aNoThis determines whether the styles will be applied inline, or from the puretabs.css file. Use inline styles if your template styles are conflicting with the puretabs.css styles.
Default Themethemebasic-blue.cssThis is the default theme selected for all the Pure Tabs on the site. This can be overridden by specific pure tabs in any article.
Module Stylen/atableCode that will wrap Modules

About Us

Valor Apps is a registered business that is owned and operated by Michael Gilkes. The business is located and registered in Antigua and Barbuda.

We specialize in developing software for Joomla Content Management System (Joomla CMS), custom web apps, and custom desktop applications. We also provide computer support services to businesses located in Antigua.

Latest News

Important Notice about Joomla 2.5 January 10, 2015
Important Notice about Joomla 2.5 Joomla 2.5.28 was released on December 10, 2014, and is now officially the last release of the 2.5.x Joomla series. Official support for Joomla 2.5.28 ended on December 31, 2014. This means that there will be no new releases of the Joomla 2.5.x...
Site Upgrades and Updates August 15, 2014
Website Upgrade Please be advised that from 10:00am EST Friday, August 15, 2014 to 6:00pm EST Monday, August 18, 2014, the Valor Apps website will be involved in an ongoing upgrading process. The site will remain live. However, there will be changes to the appearance of the website that will occur during this time period. Most changes will occur within the first 24 hours. After that initial time...
First Quarter 2014 Online Newsletter April 26, 2014
Recent News! New Payment Option: FMX Tranpage Since the establishment of Valor Apps online, Paypal has been the only payment option available. As of December 2013, a new payment option was made available to all users: FMX Tranpage. If you are unable to use Paypal, or prefer not to use Paypal, you are invited to use FMX Tranpage. FMX Tranpage is a lightweight SSL-based cedit card payment...
New Releases Scheduled! April 23, 2013
New Releases Scheduled! For those who make feature requests and who contact us via email about bugs and custom features, you wait in almost over! Here is a schedule of upcoming releases with the tentative features: Advanced Folder Listing Version: 1.5 Expected Release Date: July 2, 2013 Features include: Ability to Link any Field (not just Filename) Multi-Lingual Support for Fields Compatibility with...
Pure Tabs v1.1 released! February 5, 2013
Pure Tabs Version 1.1 is now available! Updates to this version: Compatible with Joomla 3.0+ Go to the product page for a full product description.
keyboard_arrow_up