Welcome Guest! Login
0 items Join Now

Koleti: Slider Particle

Your Guide to Recreating Elements of the Koleti Demo for Grav


The Slider particle is a great way to display images in your website.

Here are the topics covered in this guide:



These options affect the main area of the particle, and not the individual items within.

Option Description
Particle Name This is the name of the particle used for back end management. It does not appear on the front end.
Content Source Choose between Particle and Grav as the Content Source.
Particle Title Enter a text title you wish to have display on the front end.
Particle Description Enter a text description for the particle.
Slide Height Enter the height (in pixels) for the slider. Example: 500
Autoplay Enable or Disable autoplay.
Autoplay Timeout Set the timeout (in milliseconds) for the autoplay. Example: 5000.
Speed Set the speed of the transitions. This is also in milliseconds. Example: 250

Particle Item Options

These items make up the individual featured items in the particle. Items in this section will only appear if Particle is selected as the Content Source.

Option Description
Item Name This is the name of the item. This appears on the front end.
Additional Description Add an additional description for the item.
Icon Select a Font Awesome icon for the item.
Image Set the background image for the slide.
Link Enter a URL you would like the item to link to.
Target Choose the target tab you would like the URL to open to.


Option Description
Categories Select the categories of pages this particle will display.
Number of Pages Enter the maximum number of pages to display.
Start From Enter offset specifying the first article to return. The default is '0' (the first article).
Order By Choose the type of factor to order by.
Ordering Direction Choose between Ascending and Descending as the article ordering method.


This section configures how pages are displayed.

Option Description
Image Display the image assigned to the article's Intro, Full or None.
Article Text Choose whether to display the Introduction, Full Title, or Hide (none).
Text Limit Enter the number of characters you wish to limit the text displayed to.
Text Formatting Choose between plain text and HTML.
Title Show or Hide the article's title.
Title Limit Enter the maximum number of characters in the title to display.
Date Enter a date for the item.
Date Format Select the format you want the date to be displayed in.
Read More Show or Hide the Read More link.
Read More Label Enter any text you wish to have appear as the read more link.
Target Choose whether to have the link open in a new tab or the same tab.
Button Classes Enter any CSS class(es) you wish to have apply to the button.

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