DescriptionWith Tabber you can make content tabs anywhere in Joomla! This text right here is placed in tabs (Description, Installing, ...) through Tabber. You can use the editor button to place an example tab block. The syntax simply looks like: {tab=Tab Title 1} Tab linksTo make links to certain tabs in your page, you can use Tab Links, like: {tablink=Tab Title 2}Link text{/tablink}
Individually styled tabsTo add an extra class to a tab (for styling purposes), you can use: {tab=Tab Title 1|myclass} Tabbers stylesheet comes with styling for the classes blue, green and grey. It's best to overrule styles by adding definitions to your templates stylesheet, so your custom styles don't get overwritten when updating Tabber in the future. There are also several styling options in the Tabber plugin settings. Active tabYou can set a different tab to open on default by adding 'active' to that tab tag, like: {tab=Tab Title 2|active} So if you want a tab 'My Cool Stuff' with style 'green' and active by default: {tab=My Cool Stuff|green|active} Active tab via urlVia hash tag (#) Since version 1.8.0 the alias (url safe name) of the tab is added to the url once you click on a tab. So if you click on the tab "Download", the url will look like: some/url#download You can use this url to link directly to this tab. This is an option which can be switched off. So if you don't like this feature, just go to the Tabber system plugin settings to change it. Via url variable (?/&) Alternatively you can force a tab to open via a variable in the url, like: index.php?option=com_content&view=article&id=123&tab=Tab Title 2 content/my-article?tab=tabtitle2 With this variable method, it also works if you use different writing styles of the title, like lower case, no spaces, no special characters, number of the tab (1, 2, etc), number of the set + number of the tab (1-1, 1-2, etc). Page scrollingYou can set Tabber up to automatically scroll to the top of the tab when you click on a tab to open it. You can overrule this behavior per tab by adding the |noslide attribute: {tab=Tab Title|noscroll} If you have no page scrolling setup, you can overrule that per tab by adding the |scroll attribute. The page will then scroll to the top of that tab. {tab=Tab Title|scroll} Rounded corners?The tabs are styled through CSS. This means you can control the styling yourself (overrule styles through your templates stylesheet). The tabs have rounded corners done through CSS3. This means newer browsers will show rounded corners. But IE8 and earlier (CSS3 not supported) will show straight corners. Slides?Also take a look at Slider to make content slides. Nested tabsYou can nest tabs by giving the nested tab set extra names/ids. SyntaxThis is a nested tab. To create nested sets, give the tabs of the nested set an extra name or id, like: To prevent losing track of what closing tag closes what, you can optionally add the id to the closing tag too (but you don't have to), like: Example syntax: ExampleYou can nest tab sets multiple levels deep, if you would ever want/need this for any reason. The syntax used for above tabs: {tab-ex=Example Tab 1} Tutorials
TroubleshootingPlease use the forum for support. Tabs are not working on all browsers
Tabs are not working on Internet Explorer (but are working on other browsers)
SpecsSpecificationsTabber is a Joomla extension compatible with Joomla 1.5, Joomla 1.7 and Joomla 2.5. The extension consists of:
RequirementsTabber will only work correctly if your setup meets these requirements:
Using PHP 5.2 (or lower)? I can not provide support for setups that do not meet the above requirements. The core Joomla files should of course not be altered in any way. InstallationThe easiest way to install/update is via the NoNumber! Extension Manager. If you have problems installing Tabber, please try the manual installation process as described here: Otherwise, please report this on the forum or let me know via the contact form. UpdatingIf you want to update to the latest version, you do not have to uninstall first. The easiest way to install/update is via the NoNumber! Extension Manager. You can also update simply by installing the package via the Joomla core installation process. DowngradingIf for some reason you need to downgrade, it is best to uninstall the extension first. Also, you will have to uninstall the NoNumber! Framework plugin (system) (and the NoNumber Elements plugin if you have it installed). After that you can simply install the older version zip file. Please note that I cannot not provide support on older versions! Open Source LicenseTabber is an Open Source Joomla extension. It is in compliance with the GNU/GPL license: Joomla is also Open Source. SupportNeed more help?Before requesting help, make sure your installation and setup meet the requirements (see the Specs) and your extensions are up-to-date. If you need more help, please take a look in the NoNumber! Forum. You can also contact me via the contact form or via chat (if I'm online). ChangelogChangelog + = Added ! = Removed ^ = Changed # = Fixed
26-Jan-2012 : v1.8.5 + Added translations: et-EE # Fixed issue with image-only tab titles (thanks to Justin Niebuhr) # Fixed issue with Tab links not working with tabs with special characters # Fixed issue with links not working correctly on all setups due to not using JRoute # Fixed issue with errors on pdf pages (Joomla 1.7+) # Fixed issue with installer not removing the folder/zip from the tmp 09-Jan-2012 : v1.8.4 # Fixed issue with line-height of the tab titles being jumpy on some templates 16-Dec-2011 : v1.8.3 ^ Updated translations: ru-RU, th-TH ^ Cleaned up more code # Fixed issue with html entities in title converting to url hash # Fixed issue with invalid w3c html markup (ref attribute in li element) 18-Nov-2011 : v1.8.2 + Added option to overrule mode by adding click or hover in tag ^ Updated translations: sl-SI # Fixed issue with hash fragment still being added to url when option is switched off 09-Nov-2011 : v1.8.1 + Added option to overrule the default code the editor button inserts ^ Updated translations: de-DE ^ Improved cleanup of scripts/styles when there are no tabs on the page # Fixed issue with hash fragment links not working in all urls with variables # Fixed issue with typo in css file (.grey instead of .mystyle) 06-Nov-2011 : v1.8.0 + Added active tab as hash fragments to url (and option to switch this off) ^ Updated translations: fr-FR ^ Cleaned code syntax (no longer guaranteed support for php 5.2.x and lower) ^ Improved matching of titles with special characters via url ^ Improved cleanup of scripts/styles when there are no tabs on the page # Fixed issue with tags being handled in some edit forms 17-Oct-2011 : v1.7.1 + Added translations: sv-SE, th-TH ^ Updated translations: es-ES # Fixed security issue in !NoNumber! Framework plugin # Fixed issue with w3c validator giving false negatives on html output 08-Oct-2011 : v1.7.0 + Added ability to set tabs up to change on mouse hover instead of click ^ Improved installer ^ Moved translation language files to main package (no more language packs) ^ Cleaned up some code (like no more use of DS) # Fixed issue with tags being handled in editor button popup # Fixed issue with the tablink tag not working outside the area where the tabs are 16-Sep-2011 : v1.6.0 ^ Changed !NoNumber! Elements plugin to !NoNumber! Framework ^ Moved common language strings to !NoNumber! Framework files ^ Changed way !MooTools version is detected ^ Improved initial display before script is loaded/executed ^ Improved handling of surrounding whitespace # Fixed issue with javascript files breaking when using js/css compression # Fixed issue with invalid characters in element ids (not passing w3c validation) # Fixed issue with class names showing in print view 29-Jul-2011 : v1.5.2 # Fixed issue with surrounding html tags potentially breaking html structure 21-Jul-2011 : v1.5.1 + Added option to not use outlines + Added option to use versioned scripts and stylesheets ^ Improved handling of styling on tags ^ Improved handling of tags in feeds ^ Improved how inactive content is hidden # Fixed issue with error on servers that don't have mbstring functions enabled # Fixed issue with some content not being rendered correctly in inactive tabs 05-Jul-2011 : v1.5.0 + Added option to show tabs in RTL order + Added cookie support for remembering active tabs ^ Changed layout of options ^ Changed use of elements ^ Improved handling of print and pdf pages # Fixed issue with images and other html in titles # Fixed issue with inactive content showing shortly before page is loaded # Fixed issue with !JEventHandler error on some setups 06-Jun-2011 : v1.4.2 # Fixed issue with tabs using custom ending tag no longer working (since v1.4.1) # Fixed version number 06-Jun-2011 : v1.4.1 + Added option to overrule the window sliding per tab + Added option to define the tag type used for the titles ^ Added better handling of tags when closing tag is not found # Fixed issue with file inclusion not working on some Joomla 1.5 setups 23-May-2011 : v1.4.0 + Joomla 1.7 compatible! + Added more comments to css file ^ Changed way the mootools version is detected Commercial LicenseTabber is completely free and you DON'T need a Commercial License Code to use it. However, if you use my extensions on websites that you make money from, I would appreciate it if you purchase a License Code. Note: If you don't want to pay for the License Code and want to continue to use the extension for free, please do. You will just have to ignore the license message in the administrator. Note: If you have donated before and feel you should get some reduction on the price, please contact me about it... we'll sort it out :)
Here you can see the difference between the use of the extensions without and with Commercial License Code.
DownloadDownloadsTabber is compatible with Joomla 1.5, Joomla 1.7 and Joomla 2.5 NOTE: Tabber needs PHP 5.3+. Please see the specs for more requirements.
Please clear your browsers cache after updating an extension. NOTE: Joomla 1.6 is no longer supported. Joomla 1.6 reached end-of-life in August 2011. If you have a site running on Joomla 1.6 you are urged to upgrade to Joomla! 2.5. Tabber will probably still work on Joomla 1.6, but any issues specific to Joomla 1.6 will not be fixed. Tip!Are you using multiple NoNumber! extensions? LanguagesThis extension comes with the following languages:
No language pack for your language?I welcome you to help out and get involved with translations for NoNumber! extensions. I am using Transifex for the translations of all NoNumber! extensions. So I kindly ask you to join Transifex. There is a translation team/group set up especially for Joomla projects: OpenTranslators. To join, see the different steps on the right under: Translator Guide: http://opentranslators.org/en/how-to You can find all the NoNumber! projects here: https://www.transifex.net/projects/tag/nonumber/ All language files will be updated and packed with every new release of the individual extensions. |