0
Welcome Guest! Login
0 items Join Now

Our Valentine's Day Sale is coming to an end, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships!
motionmailapp.com

Xenon: Recreating the Demo - Extension Section

Your Guide to Recreating Elements of the Xenon Demo for WordPress


Introduction

The Extension section includes three Chartist particles.

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

Section Settings

Option Setting
Layout Boxed
CSS Classes Blank
Tag Attributes Blank

Chartist (Particle) 1

Particle Settings

Demo Extension

Option Setting
Particle Name Line Chart
CSS Classes title-center
Title Line Chart
Chart Type Line
Labels Data '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'

Series Data

[12, 9, 7, 8, 5, 4, 6, 2, 3, 3, 4, 6],
[4,  5, 3, 7, 3, 5, 5, 3, 4, 4, 5, 5],
[5,  3, 4, 5, 6, 3, 3, 4, 5, 6, 3, 4]

Block Settings

Demo Extension

Option Setting
CSS ID Blank
CSS Classes fp-extension-a
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 33.3%

Chartist (Particle) 2

Particle Settings

Demo Extension

Option Setting
Particle Name Bar Chart
CSS Classes title-center
Title Bar Chart
Chart Type Bar
Labels Data 'Term 1', 'Term 2', 'Term 3', 'Term 4'

Series Data

[5, 4, 3, 7],
[3, 2, 9, 5],
[1, 5, 8, 4]

Block Settings

Demo Extension

Option Setting
CSS ID Blank
CSS Classes fp-extension-b
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 33.3%

Chartist (Particle) 3

Particle Settings

Demo Extension

Option Setting
Particle Name Pie Chart
CSS Classes title-center
Title Pie Chart
Chart Type Pie
Labels Data '30',' 35', '50', '35', '45'
Series Data ['CSS', 'PHP', 'jQuery', 'Twig', 'SCSS']

Block Settings

Demo Extension

Option Setting
CSS ID Blank
CSS Classes fp-extension-c
Variations Blank
Tag Attributes Blank
Fixed Size Unchecked
Block Size 33.3%

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