Look below
Providing innovative ideas for new businesses

Tabs and slide modules

Tabs and slide modules

15Jul 2010
Written by Administrator 
PDFPrintE-mail

While we havent showcased the tabbed modules available on this demo they are still available for use.  The tabs and their triggers appear  on the page when you publish any module to the Tab1, Tab2, Tab3 or Tab4 position and the tab trigger titles are controlled in the template parameters. You can publish up to four individual modules to each tab position.

 

Sliding Modules

Zen Grid compatible templates have the ability to transform standard Joomla modules into sliding accordion-like modules. The sliders are initiated by simply adding the module class suffix -slide to the module. Once you have done that the title of the module becomes the trigger which either hides or displays the module content via a smooth jQuery transition.

For more information regarding the slide module class suffix and step by step tutorials on how to apply the module class suffix please visit the Zen Grid Framework knowledgebase.

 

 

Tab Modules

The text for the triggers are controlled by our the template administrator  as per the screenshot below. The these settings can be found in the news stream template parameters under the extra scripts and performance >  hidden panel settings.

 Please note in the next major release of the Zen grid framework tabs and slides will be a core feature of the  Zen Grid Joomla template framework.

tabbedmodulesParameters

 

The tab modules are contained within a template override which can be found in the file called jbtabs.php. This file is located in the templates > powerplay > layout  folder in your Joomla site. 

 

In order to disable the tabbed modules all you need to do is either unpublished all modules that may be published to the tab1, tab2, tab3 or tab4  module positions.  

Please nore: The tabbed modules are intelligent in that if you have more than one tab module published to a tab then they automatically calculate the width required for the tabs to fit side by side each other.

Last Updated on Nov232010
More stuff

LOOKING FOR SOMETHING?

 

The Social Network

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut dictum mi. Curabitur porttitor turpis id erat vestibulum in posuere tortor ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam fermentum enim in enim egestas gravida.

 

logo-bot

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed egestas sem quam. Nulla facilisi. Etiam quis lacus erat, sed fringilla libero. Praesent quis nisi quis libero tristique pellentesque nec at augue. Vestibulum pharetra nibh id diam lobortis iaculis. Suspendisse potenti. Aenean nec neque ut erat gravida varius. Nullam non mi id justo luctus vulputate. Nullam aliquet, tortor sed facilisis molestie, magna neque lacinia libero, nec dignissim felis sapien at felis. Proin molestie, urna at pretium hendrerit, urna lectus consectetur tellus, quis auctor justo est eu nisl.