Directory:~$ /home/lmsyaran/public_html/j3/templates/g5_hydrogen/custom/particles/

Upload File

[Home] [System Details] [Kill Me]

name: Timeline
description: Display items in a time line.
type: particle

configuration:
  caching:
    type: static

form:
  fields:
    enabled:
      type: input.checkbox
      label: Enabled
      description: Globally enable Timeline particles.
      default: true

    mainheading:
      type: input.text
      label: Title
      description: Type in the title.
      placeholder: 'Enter Title'
      default: ''

    introtext:
      type: textarea.textarea
      label: Intro Text
      description: Type in the intro text.
      placeholder: 'Enter Intro Text'
      default: ''

    style:
      type: select.select
      label: Style
      description: Select the style which defines the particle layout on
the frontend.
      placeholder: 'Select...'
      default: style1
      options:
        style1: Style 1 (Horizontal)
        style2: Style 2 (Vertical)

    animation:
      type: select.select
      label: OnScroll Animation
      description: Select if the onscroll animation should be enabled or
disabled (Style 2 ONLY).
      placeholder: 'Select...'
      default: enabled
      options:
        enabled: Enabled
        disabled: Disabled

    css.class:
      type: input.selectize
      label: CSS Classes
      description: CSS class name for the particle.
      default: 

    extra:
      type: collection.keyvalue
      label: Tag Attributes
      description: Extra Tag attributes.
      key_placeholder: Key (data-*, style, ...)
      value_placeholder: Value
      exclude: ['id', 'class']

    items:
      type: collection.list
      array: true
      label: Timeline Items
      description: Create each Timeline item to display.
      value: name
      ajax: true

      fields:

        .icon:
          type: input.icon
          label: Icon
          default: "fa fa-calendar-check-o"

        .iconbackground:
          type: input.colorpicker
          label: Icon Background
          default: "#dddddd"

        .icontextcolor:
          type: input.colorpicker
          label: Icon Color
          default: "#ffffff"

        .year:
          type: input.text
          label: Date
          description: Enter the date that you want to be associated with
this item. Being able to type in the date manually gives you a great
flexibility as you can show the exact format you want.
          default: "..."

        .title:
          type: input.text
          label: Title

        .link:
          type: input.text
          label: Title Link

        .target:
          type: select.select
          label: Target
          description: Target browser window when item is clicked.
          placeholder: 'Select...'
          default: _parent
          options:
            _parent: Self
            _blank: New Window

        .description:
          type: textarea.textarea
          label: Description

        .buttontext:
          type: input.text
          label: Button Text
          description: Enter the button text you want to be shown. The link
is the URL you enter in the 'Title Link' field above.

        .class:
          type: input.selectize
          label: CSS Class

        .extra:
          type: collection.keyvalue
          label: Tag Attributes
          description: Extra Tag attributes.
          key_placeholder: Key (data-*, style, ...)
          value_placeholder: Value
          exclude: ['id', 'class']