0
Welcome Guest! Login
0 items Join Now

Lexicon: Content Tabs Particle

Your Guide to Using Particles in Lexicon for Grav


Introduction

Content Tabs

The Content Tabs particle lets you display an abundance of different categories of content in a small space using tabs.

Here are the topics covered in this guide:

Configuration

Main Options

These options affect the main area of the particle, and not the individual items within. You can set the title of the particle, as well as give it an introductory paragraph here.

Content Tabs

Option Description
CSS Classes Set the CSS class(es) you would like to have apply at the particle level.
Title Enter the title of the particle you would like to have appear on the front end.
Animation Type Select the type of transition animation to use when switching between tabs.

Item Options

These items make up the individual featured items in the particle.

Content Tabs

Content Tabs

Option Description
Name The name if the item is used for backend organization only and does not appear on the front end.
Tab Title Enter a title for the item that appears in the title.
Image Enter an image to appear in the first item.
Heading Enter a heading (headline) for the first item.
Content Enter text/HTML content for the first item.
Right Heading Create a secondary headline to appear on the right side. This is typically a category.
Small Text Eter small text to appear under the right heading.
Read more Text Enter any text that you wish to have displayed in the item.
Read more Link Enter the URL you would like to have the item link to.
Target Choose the target window for the read more buttons to open in.
Button Class Enter any CSS class(es) you want to have apply to the buttons in the first part of the tab.
Image Enter an image to appear in the second item.
Heading Enter a heading (headline) for the second item.
Content Enter text/HTML content for the second item.
Right Heading Create a secondary headline to appear on the right side. This is typically a category.
Small Text Eter small text to appear under the right heading.
Read more Text Enter any text that you wish to have displayed in the item.
Read more Link Enter the URL you would like to have the item link to.
Target Choose the target window for the read more buttons to open in.
Button Class Enter any CSS class(es) you want to have apply to the buttons in the second part of the tab.

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.