Xenon: Recreating the Demo - Expanded Section

Your Guide to Recreating Elements of the Xenon Demo for Joomla

details download demo support

Introduction

The Expanded section includes a single News Slider particle assigned to the expanded-a module position.

Here is a breakdown of the module(s) and particle(s) that appear in this section:

News Slider (particle)

Section Settings

Option	Setting
Layout	Boxed
CSS Classes	Blank
Tag Attributes	Blank

News Slider (Particle)

The News Slider particle is a Gantry 5 Particle module placed within the expanded-a module position. Adding a particle to a module position can be done by creating a Gantry 5 Particle module, adding the particle using the settings found in the section below, and assigning it to the position.

Module Position Particle Settings

Particle Settings

Demo Expanded

Option	Setting
Particle Name	`FP Expanded A`
Key	`expanded-a`
Chrome	`gantry`

Block Settings

Demo Expanded

Option	Setting
CSS ID	Blank
CSS Classes	`fp-expanded-a`
Variations	Blank
Tag Attributes	Blank
Fixed Size	Unchecked
Block Size	`100%`

News Slider Particle Settings

Particle Settings

Demo Expanded

Option	Setting
Particle Name	`News Slider`
CSS Classes	Blank
Title	Blank
Height	`500px`
Item 1 Name	`The Gantry 5 Framework is the powerhouse behind the Xenon template`
Item 1 Subtitle	`For Joomla & WordPress`
Item 1 Header Description	`The latest version of the framework is a ground-up rewrite, focusing on performance and intuitive features`
Item 1 Description	`Gantry 5 offers several new features, for both end users and developers, such as the drag & drop interface for both the Layout Manager and Menu Editor. Alongside are powerful development features, such as Twig, YAML, SASS and extensive overridability.`
Item 1 Button Label	`Read More`
Item 1 Button Link	`#`
Item 1 Target	Self
Item 1 Button Classes	`button-2`

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