S5 Live Search

S5 Accordion Menu
S5 Box
S5 Tab Show
S5 Flex Menu
- Drop Down Menu
- Menu Module Example
- Grouped Child Menu
  - Dummy Sample Link
  - Dummy Sample Link
  - Dummy Sample Link
  - Dummy Sample Link
  - Dummy Sample Link
  - Dummy Sample Link
- Menu With No Menu Icon
S5 Map it With Google
S5 Popup Contact
S5 Vertical Accordion

Sample Drop Down Module

This is an example of a module published to the drop_down row. This row contains 6 modules. To enable the drop down simple publish any module to any of the drop_down_x positions.

Open Panel

1-800-555-1212
[email protected]

Top Row1 Modules

This is an example of a module published to the top_row_1 row. This row contains 6 modules, read below for a full description.

Top Row2 Modules

This is an example of a module published to the top_row_2 row. This module is using the class "-white" which can be used on any dark background. This row contains 6 modules, read below for a full description.

Top Row3 Modules

This is an example of a module published to the top_row_3 row, it is shown using the class suffix -white_large. This row contains 6 modules, read below for a full description.

Details: Written by Super User; Category: Demo Info; Published: 08 July 2014; Hits: 76901

The S5 Live Search module is demo'd towards the top of this page and can be used on any Joomla template. The styling of the module shown here is customized specifically for this template with css overrides, and cannot be used with any other template. The same module can be used on any template, but with default or other styling in its place.

Allow your users to search quickly and without loading or refreshing pages with our amazing ajax search module! Simply publish the module to the 'search' position.

I like what I see! I want to JOIN TODAY.

Right

This is an example of a module published to the right position. There are also left, insets, rows, etc. positions and many others, be sure to read the full description. This is the default style that will appear for most module positions in the white body area.

-dark

This is the -dark module style and can be applied to most module positions.

-gray

This is the -gray module style and can be applied to most module positions.

-gray_no_padding

This is the -gray_no_padding module style and can be applied to most module positions.

-highlight1

This is the -highlight1 module style and can be applied to most module positions.

-highlight2

This is the -highlight2 module style and can be applied to most module positions.

-gray_border

This is the -gray_border module style and can be applied to most module positions.

-highlight1_border

This is the -highlight1_border module style and can be applied to most module positions.

-highlight2_border

This is the -highlight2_border module style and can be applied to most module positions.

-dark_title

This is the -dark_title module style and can be applied to most module positions.

-highlight1_title

This is the -highlight1_title module style and can be applied to most module positions.

-highlight2_title

This is the -highlight2_title module style and can be applied to most module positions.

Bottom Row1 Modules

This is an example of a module published to the bottom_row_1 row. This row contains 6 modules, read above for a full description.

Bottom Row2 Modules

This is an example of a module published to the bottom_row_2 row. This row contains 6 modules, read above for a full description.

Bottom Row3 Modules

This is an example of a module published to the bottom_row_3 row. This row contains 6 modules, read above for a full description.

Sample Sidebar Module

Styles

Features

Extensions

Tutorials

Pages