Your Guide to Recreating Elements of the Salient Demo for Joomla
The Extension section includes two module positions, extension-a
, and extension-b
. These module positions are created using the Layout Manager.
Here is a breakdown of the module(s) and particle(s) that appear in this section:
Option | Setting |
---|---|
Layout | Fullwidth |
CSS Classes | fp-extension |
Tag Attributes | Blank |
Option | Setting |
---|---|
Key | extension-a |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 50% |
We added a Promo Content particle to the extension-a
position. This was done by creating a Gantry 5 Particle module and selecting the Promo Content particle in the module's settings.
You will find the particle settings used in this particle below:
Option | Setting |
---|---|
CSS Classes | Blank |
Title | Blank |
Promo Style | Standard |
Promo Text | Extensive Documentation |
Description | <p>Gantry benefits from an extensive, and ever expanding, catalog of online and free documentation covering basic to more advanced topics.</p> |
Readmore Text | Know More |
Readmore Classes | Blank |
Link | # |
Readmore Style | Block |
Tag 1 Item Name | Manual |
Tag 1 Item Icon | Blank |
Tag 1 Item Text | Manual |
Tag 1 Item Link | # |
Option | Setting |
---|---|
Key | extension-b |
Chrome | gantry |
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Block Size | 50% |
We added a Promo Content particle to the extension-b
position. This was done by creating a Gantry 5 Particle module and selecting the Promo Content particle in the module's settings.
You will find the particle settings used in this particle below:
Option | Setting |
---|---|
CSS Classes | Blank |
Title | Blank |
Promo Style | Standard |
Promo Text | YAML-Driven / Twig Templating |
Description | <p>Gantry is built with several modern web technologies, such as the Twig PHP templating engine and YAML for human readable configuration files.</p> |
Readmore Text | Know More |
Readmore Classes | Blank |
Link | # |
Readmore Style | Block |
Tag 1 Item Name | Computing |
Tag 1 Item Icon | Blank |
Tag 1 Item Text | Computing |
Tag 1 Item Link | # |