Tony, Author at JoomLead

Description List Documentation

Docs

Easily create nice looking description lists, which come in different styles. See how Description List can be designed beautifully on Demo Page.

# Description List Package contents

Files	Description
jldescription.yaml	Contains the Description particle settings.
jldescription.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Create dividers to separate content and apply different styles to them. See how Divider can be designed beautifully on Demo Page.

# Divider Package contents

Files	Description
jldivider.yaml	Contains the Divider particle settings.
jldivider.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Easily create nice looking lists, which come in different styles. See how List can be designed beautifully on Demo Page.

# List Package contents

The Uikit3 for Gantry 5 atom contains the compiled CSS and JavaScript files, twig and yaml files, which is everything you need to get started.

Files	Description
jllist.yaml	Contains the List particle settings.
jllist.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Build the table and place any content in the cells, rows and columns to add the schedule or the list to the layouts built with Gantry 5. See how Data Tables can be designed beautifully on Demo Page.

# Data Tables Package contents

Files	Description
jldatatables.yaml	Contains the Data Tables particle settings.
jldatatables.html.twig	The Twig file to pull information, settings.
jquery.dataTables.min.css	Contains the Data Tables CSS
jquery.dataTables.min.js /dataTables.uikit.min.js	Contains the Data Tables JavaScript

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Display text with an image optionally styled like a card. See how Card can be designed beautifully on Demo Page.

# Card Package contents

Files	Description
jlcard.yaml	Contains the Card particle field settings.
jlcard.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Content Grid helps you to create beautiful recent articles grid and other types of grid for your Joomla site in minutes. See how Joomla Content Grid can be designed beautifully on Demo Page.

# Content Grid Joomla Package contents

Files	Description
jlcontentgrid.yaml	Contains the Content Grid Joomla particle settings.
jlcontentgrid.html.twig	The Twig file to pull information, settings.

# Content Grid WordPress Package contents

Files	Description
jlcontentgridwp.yaml	Contains the Content Grid WordPress particle settings.
jlcontentgridwp.html.twig	The Twig file to pull information, settings.

# Content Grid Grav Package contents

Files	Description
jlcontentgridgrav.yaml	Contains the Content Grid Grav particle settings.
jlcontentgridgrav.html.twig	The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers some content underneath. See how Block Reveal can be designed beautifully on Demo Page.

# Block Reveal Package contents

Files	Description
jlblockreveal.yaml	Contains the Block Reveal Atom settings.
jlblockreveal.html.twig	The Twig file to pull information, settings.
reveal.js	Contains the Block Reveal JavaScript

Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Docs

Getting Uikit3 for Gantry5 up and running takes no longer than a minute. Uikit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.

Our Gantry5 Particles/Atoms are built on the front-end framework Uikit, to get started right away, you need to enable the Uikit 3 for Gantry 5 in your Gantry 5 Atom setting.

# Uikit 3 Atom Package contents

The Uikit3 for Gantry 5 atom contains the compiled CSS and JavaScript files, twig and yaml files, which is everything you need to get started.

Files	Description
jluikit.min.css/jluikit-rtl.min.css	Contains the UIkit CSS and a right-to-left version. By default, the Uikit3 atom load jluikit.min.css only, if your site support RTL, it will be replaced by jluikit-rtl.min.css
jlcomponents/	This folder contains the UIkit 3 JS components like slideshow, tooltip, slider, notification, parallax and so on.
jluikit.min.js/jluikit-icons.min.js	Contains the UIkit core framework and the Icon Library JavaScript. You can enable/disable Uikit icons library if not needed via Atom settings.
jluikit.yaml/jluikit.html.twig	Contains the Uikit 3 Gantry5 atoms for back-end configuration.

Additional components which are not included in UIkit core itself from JoomLead particles 2.1.7, the particles load UIkit core framework only instead loading all additional components in order to keep it slim.

Example: If you use the slideshow particle, slideshow.min.js will be added separately to your slideshow particle. Or if you use Parallax animation for slideshow content, the slideshow-parallax.min.js will be added.

This approach will improve the performance faster, remove the additional js component that you wouldn’t use these components in your everyday website.

Installing the “UIkit3 for Gantry5” atom on your website is a really simple process. You just need to follow the below instructions depending on the platform you are on.

Documentation

Introduction

This document covers the installation and use of this template and often reveals answers to common problems and issues – we encourage you to read this document thoroughly if you need an in-depth guide on how to use the template.