Lorem ipsum dolor  ...

Consectetur adipiscing elit. Cras lorem urna, mattis in ornare at, lacinia eleifend eros. Vestibulum quis dignissim nisi.Nullam a nunc nisi. Nulla eu odio nec urna posuere lobortis quis venenatis magna. Fusce nunc eros, pellentesque commodo nunc eleifend, imperdiet convallis orci.

Sed consequat augue eget ligula vulputate elementum.

Fusce non elit ut nunc posuere blandit. Vestibulum at erat quis elit hendrerit ornare vel et ante. Pellentesque id leo suscipit, condimentum quam laoreet, congue lorem. Duis congue eros non posuere varius.Nullam a nunc nisi. Nulla eu odio nec urna posuere lobortis quis venenatis magna. Fusce nunc eros, pellentesque commodo nunc eleifend, imperdiet convallis orci.

Sidebar

Zentools Accordion

Overview

The accordion layout is a simple collapsible accordion that uses the title of your item as the trigger to open or close the accordion. The accordion can use content from K2, Joomla or images populated from a directory.

 

Features

  • Each item is rendered underneath the next one in a vertical list.
  • Create layouts that include up to four columns.
  • Use the title or category as the first item to trigger the accordion.
  • Select whether to load the accordion with the first item open. 
  • Determine whether to position the icon to the left or the right of the title
  • Select from a number of different icon types to set next to the title.
 

Demonstration

Accordion default

The default styling for the accordion.

  • Project #4

    Project #4
    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • News #4

    News #4
    11 May, 18 May 18

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Tonal development

    Tonal development
    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • Mobile solutions

    Mobile solutions
    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

 

Accordion Boxed

A subtle box styling for the accordion.

  • Project #4

    Project #4
    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • News #4

    News #4
    11 May, 18 May 18

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Tonal development

    Tonal development
    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • Mobile solutions

    Mobile solutions
    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

 

Accordion Flat

Simpel flat styling for the accordion.

  • Project #4

    Project #4
    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • News #4

    News #4
    11 May, 18 May 18

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Tonal development

    Tonal development
    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • Mobile solutions

    Mobile solutions
    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

 

Zentools Carousel

Overview

The Zentools carousel layout places the content of your module in a horizontal carousel. Based loosely on the core grid layout you can determine the minimum number of items to be shown in the carousel at any one time.

 

Features

  • Responsive: responds to the width of your page (resize your browser to see)
  • Display unlimited images from a folder, Joomla or K2 content.
  • Determine the base width of the carousel item<
  • Determine the minimum number of items to display in a carousel at one time.
  • When the page is resized the current item is returned to the visible part of the carousel.
  • Based on the elastislide carousel script.
 

Carousel Demonstration

The carousel below uses the zen-boxed theme and is set to display a minimum of 2 items regardless of the screensize.

Zentools Slideshow

Overview

A responsive slideshow with multiple layouts, themes with added control over pagination, speed and transitions.

 

Features

  • A responsive slideshow that responds to the width of your template.
  • Display any number of core elements sourced from Joomla, K2 or images from a folder.
  • Multiple pagination options including thumbnails, titles, numbers and discs.
  • A selection of simple pre-built themes.
  • Next / Previous buttons.
  • Control slideshow speed and duration.
  • Multiple slideshows on a single page.

ZenTools Slideshow

The slideshow below uses the slideshow standard layout. The image is the first item displayed int he module and then all other elements are absolutely positioned above it.

ZenTools Flat slideshow

The slideshow below uses the flat layout and the contents of each item is set to display in two columns.

  • Aenean pulvinar, nisi vitae

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    Aenean pulvinar, nisi vitae

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non nisl nunc, id vestibulum augue. Donec interdum sapien vitae sem condimentum vel adipiscing leo consequat. In quis nisi sed velit lobortis congue in vulputate risus. Aliquam molestie, risus sed congue ullamcorper, mauris lacus volutpat mauris, nec luctus est risus in libero.

  • Project #4

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

    Project #4

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tempus mi. Nunc augue odio, imperdiet ac venenatis nec, faucibus ac felis. Pellentesque blandit urna ut augue sodales sagittis aliquet elit vestibulum. Praesent dictum ultricies ullamcorper. In malesuada dictum scelerisque.

  • News #4

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    News #4

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non nisl nunc, id vestibulum augue. Donec interdum sapien vitae sem condimentum vel adipiscing leo consequat. In quis nisi sed velit lobortis congue in vulputate risus. Aliquam molestie, risus sed congue ullamcorper, mauris lacus volutpat mauris, nec luctus est risus in libero.

  • Class aptent taciti sociosqu

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    Class aptent taciti sociosqu

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non nisl nunc, id vestibulum augue. Donec interdum sapien vitae sem condimentum vel adipiscing leo consequat. In quis nisi sed velit lobortis congue in vulputate risus. Aliquam molestie, risus sed congue ullamcorper, mauris lacus volutpat mauris, nec luctus est risus in libero.

     
  • Tonal development

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

    Tonal development

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tempus mi. Nunc augue odio, imperdiet ac venenatis nec, faucibus ac felis. Pellentesque blandit urna ut augue sodales sagittis aliquet elit vestibulum. Praesent dictum ultricies ullamcorper. In malesuada dictum scelerisque.

  • 1
  • 2
  • 3
  • 4
  • 5

ZenTools List

Overview

The Zentools list layout is the perfect layout for when you need to display your content in a simple unordered list.

 

Features

  • Each item is rendered underneath the next one in a vertical list.
  • Create layouts that include up to four columns.
 

Demonstration

ZenTools Two Columns

The layout below uses the list layout with each individual item set to display it's contents in two columns.

  • Aenean pulvinar, nisi vitae

    11 May, 18 May 18

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    Aenean pulvinar, nisi vitae
  • Project #4

    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

    Project #4
  • News #4

    11 May, 18 May 18

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    News #4
  • Class aptent taciti sociosqu

    11 May, 18 May 18

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

    Class aptent taciti sociosqu
  • Tonal development

    11 May, 18 May 18

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

    Tonal development

 

 

ZenTools Three Columns

The layout below uses the list layout with each individual item set to display it's contents in three columns.



Zentools Grid

Overview

The Zentools grid layout is a classic multi-column responsive grid that can be used to generate a wide range of layouts.

 

Features

  • A flexible grid based on 1 to 12 columns.
  • Create columns within columns
 

Grid Demonstration

ZenTools Grid Lots of Columns

The grid below is set to display 6 images in 6 columns. The images are referenced directly from a folder in your Joomla site.

  • Aenean pulvinar, nisi vitae
  • Project #4
  • News #4
  • Class aptent taciti sociosqu
  • Tonal development

 

 

Columns within columns

The grid below is set to display 2 columns however each item is also set to display it's content in two columns.

  • Aenean pulvinar, nisi vitae

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Project #4

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • News #4

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Class aptent taciti sociosqu

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Tonal development

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

More Articles ...