thewebmen/silverstripe-elemental-grid

Elemental grid module

Installs: 6 034

Dependents: 0

Suggesters: 0

Security: 0

Stars: 7

Watchers: 7

Forks: 5

Open Issues: 1

Type:silverstripe-vendormodule

1.0.15 2019-11-29 10:54 UTC

This package is auto-updated.

Last update: 2020-06-29 12:00:16 UTC


README

Introduction

This module converts the elemental module (https://github.com/dnadesign/silverstripe-elemental) into a grid module

Overview

Requirements

  • SilverStripe CMS ^4.0
  • dnadesign/silverstripe-elemental dev-master
  • Frontend css supporting a bootstrap style grid system (col-xs-X col-sm-X col-md-X col-lg-X visible-XS/SM/MD/LG hidden-XS/SM/MD/LG and col-xs-offset-X etc)

Installation

composer require "thewebmen/silverstripe-elemental-grid" "dev-master"

After that follow the steps from the elemental documentation installation section after the composer require: https://github.com/dnadesign/silverstripe-elemental

Settings

TheWebmen\ElementalGrid:
  defaultSizeField: 'MD' (xs, sm, md, lg)
  defaultOffsetField: 'MD' (xs, sm, md, lg)
  cssFramework: 'bootstrap' (bootstrap, bulma)

Add settings to rows

  • Add a dataextension to TheWebmen\ElementalGrid\Models\ElementRow
  • Copy the template TheWebmen/ElementalGrid/Models/ElementRow.ss to your theme

Nested rows/grids

To create nested rows or grids you need to create a grid element ss the elemental documentation for more information.

Disallow rows

See the elemental documentation: https://github.com/dnadesign/silverstripe-elemental and add TheWebmen\ElementalGrid\Models\ElementRow to the disallowed_elements

TODO

  • Break point switch in grid view (lg,md,sm,xs)
  • Upgrade Elemental module