0
Welcome Guest! Login
0 items Join Now

Memorial Day S A L E

RocketTheme is celebrating Memorial Day with 50% OFF all themes and 35% OFF club memberships and renewals. Enjoy savings!

Xenon: Recreating the Demo - Expanded Section

Your Guide to Recreating Elements of the Xenon Demo for Joomla


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:

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.