Accordion add-on

Create a list of items that can be shown individually by clicking an item's header.

Default Style

Essential features
That’s not just a problem for criminals, but for biometrics in general. As long as federal agencies are collecting fingerprints in bulk, they’ll never be private, which means they’ll never be truly secure.
Design key features
That’s not just a problem for criminals, but for biometrics in general. As long as federal agencies are collecting fingerprints in bulk, they’ll never be private, which means they’ll never be truly secure.
Building an app
That’s not just a problem for criminals, but for biometrics in general. As long as federal agencies are collecting fingerprints in bulk, they’ll never be private, which means they’ll never be truly secure.
Upcoming platforms‎
That’s not just a problem for criminals, but for biometrics in general. As long as federal agencies are collecting fingerprints in bulk, they’ll never be private, which means they’ll never be truly secure.

Muted Style

Essential features
That’s not just a problem for criminals, but for biometrics in general. As long as federal agencies are collecting fingerprints in bulk, they’ll never be private, which means they’ll never be truly secure.
Design key features
That’s not just a problem for criminals, but for biometrics in general. As long as federal agencies are collecting fingerprints in bulk, they’ll never be private, which means they’ll never be truly secure.
Building an app
That’s not just a problem for criminals, but for biometrics in general. As long as federal agencies are collecting fingerprints in bulk, they’ll never be private, which means they’ll never be truly secure.
Upcoming platforms‎
That’s not just a problem for criminals, but for biometrics in general. As long as federal agencies are collecting fingerprints in bulk, they’ll never be private, which means they’ll never be truly secure.

Card Style

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Secondary Style

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Primary Style

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Hover Style

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Item

Guide to setup and configuration. You can present below a guide and a description of how your system configuration works and add some animated screens.

Accordion with images

Essential features
Your Image Title

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Tips on rendering
Your Image Title

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Design key features
Your Image Title

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Accordion with images

Essential features
Your Image Title

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Tips on rendering
Your Image Title

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Design key features
Your Image Title

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Top Images

Essential features
Your Image Title

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Tips on rendering
Your Image Title

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Design key features
Your Image Title

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Bottom Images

Essential features

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Your Image Title
Tips on rendering

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Your Image Title
Design key features

This presentation will describe seven essential actions that could unleash the power of prevention and substantially reduce the prevalence of behavioral health problems and inequality in health and behavior outcomes in the U.S. population.

We believe that the success of our company is a result of our clients growth. like what we do? give us a call we believe that the success of our company is a result of our clients growth. like what we do.

Your Image Title

Content Fields

Here is a list of common content fields for Accordion add-on.

Setting Description
Title A text field used for accordion title
Content Defines the content part for each accordion item.
Image An image field with an image picker.
Button Text A text field used for button text title
Style Select a predefined style for accordion
Box Shadow Select the image's box shadow size.
Hover Box Shadow Select the image's box shadow size on hover.
Enable Drop cap Display the first letter of the paragraph as a large initial

Image Settings

Here is a list of common settings fields for Image. These options are only used, if the image is set for accordion item.

Setting Description
Position Position the navigation at the top, bottom, left or right. A larger style can be applied to left and right navigations.

Behavior Settings

Setting Description
Allow multiple open items To display multiple content sections at the same time without one collapsing when the other one is opened.
Allow all items to be closed Allow closed the accordion item when clicking

General Settings

General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

Setting Description
Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
Remove top margin. Use this option to remove the add-on's top margin
Remove bottom margin. Use this option to remove the add-on's bottom margin
Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
Alignment This option specifies the alignment of an add-on according to the surrounding element
Text Breakpoint Define the device width from which the alignment will apply.
Visibility Define when the add-on should be hidden.
CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.

Information

Joomla! name is used under a limited license from Open Source Matters in the United States and other countries. WarpTheme.com is not affiliated with or endorsed by Open Source Matters or the Joomla! project