PHPackages                             dennisprins/silverstripe-elemental-grid - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. dennisprins/silverstripe-elemental-grid

ActiveSilverstripe-vendormodule[Utility &amp; Helpers](/categories/utility)

dennisprins/silverstripe-elemental-grid
=======================================

Elemental grid module

1.0.16(5y ago)06BSD-3-ClausePHP

Since Nov 13Pushed 4y agoCompare

[ Source](https://github.com/Dennisprins93/silverstripe-elemental-grid)[ Packagist](https://packagist.org/packages/dennisprins/silverstripe-elemental-grid)[ RSS](/packages/dennisprins-silverstripe-elemental-grid/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (5)Versions (22)Used By (0)

Silverstripe CMS Elemental
==========================

[](#silverstripe-cms-elemental)

[![Build Status](https://camo.githubusercontent.com/1ff469385b55853ee65fe20569e5f87c12ac7bb28a4353c9b6aa091e049dae8c/687474703a2f2f696d672e736869656c64732e696f2f7472617669732f73696c7665727374726970652f73696c7665727374726970652d656c656d656e74616c2e7376673f7374796c653d666c6174)](https://travis-ci.com/silverstripe/silverstripe-elemental)[![Scrutinizer Code Quality](https://camo.githubusercontent.com/6ab61f54204ea44b1ae74ab0b34c59af413f4bdf18eba255c150e368e5b35708/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f73696c7665727374726970652f73696c7665727374726970652d656c656d656e74616c2f6261646765732f7175616c6974792d73636f72652e706e673f623d34)](https://scrutinizer-ci.com/g/silverstripe/silverstripe-elemental/?branch=4)[![codecov](https://camo.githubusercontent.com/a26c1045660f425b10d7c1d122de8bfae6d8cb163184f0341c2d39f0c35762f0/68747470733a2f2f636f6465636f762e696f2f67682f73696c7665727374726970652f73696c7665727374726970652d656c656d656e74616c2f6272616e63682f342f67726170682f62616467652e737667)](https://codecov.io/gh/silverstripe/silverstripe-elemental)[![Silverstripe CMS supported module](https://camo.githubusercontent.com/9b7e93d393a01f6d3091fb30983b870aa863ef076858115faaa1c74b995854ec/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f73696c7665727374726970652d737570706f727465642d3030373143342e737667)](https://www.silverstripe.org/software/addons/silverstripe-commercially-supported-module-list/)[![Version](https://camo.githubusercontent.com/21dad50300d0b5b64e903d22fdbcc8df96b3c0c4b9c801dc698d21e7fb3789f7/687474703a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f646e6164657369676e2f73696c7665727374726970652d656c656d656e74616c2e7376673f7374796c653d666c6174)](https://packagist.org/packages/dnadesign/silverstripe-elemental)[![License](https://camo.githubusercontent.com/348149b172e7c12588f8b65a4cb82dd6471665329c3549f0093a0518882cdeb2/68747470733a2f2f706f7365722e707567782e6f72672f646e6164657369676e2f73696c7665727374726970652d656c656d656e74616c2f6c6963656e73652e737667)](LICENSE.md)

Introduction
------------

[](#introduction)

This module extends a page type to swap the content area for a list of manageable elements to compose a page out of rather than a single text field. Features supported:

- Versioning of elements
- Ability to add, remove supported elements per *elemental area*

The module provides basic markup for each of the elements but you will likely need to provide your own styles. Replace the `$Content` variable with `$ElementalArea` in your page templates, and rely on the markup of the individual elements.

For a more detailed overview of using this module, please see [the User help guides](docs/en/userguide/index.md).

Requirements
------------

[](#requirements)

- Silverstripe CMS ^4.3
- Versioned Admin ^1.0
- GridFieldExtensions ^3.1

For a Silverstripe CMS 4.1 or 4.2 compatible version of this module, please see the [2.x or 3.x release line](https://github.com/silverstripe/silverstripe-elemental/tree/3#readme).

For a Silverstripe CMS 3.x compatible version of this module, please see the [1 branch, or 1.x release line](https://github.com/silverstripe/silverstripe-elemental/tree/1#readme).

Installation
------------

[](#installation)

```
composer require dnadesign/silverstripe-elemental ^4

```

The following YAML config will enable elements on every `Page` object, replacing the standard `Content` rich text field.

**mysite/\_config/elements.yml**

```
Page:
  extensions:
    - DNADesign\Elemental\Extensions\ElementalPageExtension
```

In your page type layout template use `$ElementalArea` to render the elements to the page (in place of `$Content`).

Getting more elements
---------------------

[](#getting-more-elements)

Note that this module comes by default with the base element and a "Content" element. If you need more, take a look at some other modules:

Silverstripe CMS supported content block modules
------------------------------------------------

[](#silverstripe-cms-supported-content-block-modules)

To learn more about [Silverstripe CMS supported](https://www.silverstripe.org/software/addons/supported-modules-definition/) content block types see, [Creating new blocks](/docs/en/userguide/edit_content.md).

- [dnadesign/silverstripe-elemental](https://github.com/silverstripe/silverstripe-elemental): Text content (built-in)
- [silverstripe/silverstripe-elemental-fileblock](https://github.com/silverstripe/silverstripe-elemental-fileblock): File and image block
- [silverstripe/silverstripe-elemental-bannerblock](https://github.com/silverstripe/silverstripe-elemental-bannerblock): Banner with call-to-action and content
- [dnadesign/silverstripe-elemental-userforms](https://github.com/dnadesign/silverstripe-elemental-userforms): Embed a [user defined form](https://github.com/silverstripe/silverstripe-userforms)

Examples of community built content block modules (not a comprehensive list - may not be updated for Elemental 4 yet)
---------------------------------------------------------------------------------------------------------------------

[](#examples-of-community-built-content-block-modules-not-a-comprehensive-list---may-not-be-updated-for-elemental-4-yet)

- [dnadesign/silverstripe-elemental-list](https://github.com/dnadesign/silverstripe-elemental-list): Container for elements (allows layouts)
- [dnadesign/silverstripe-elemental-virtual](https://github.com/dnadesign/silverstripe-elemental-virtual): Reuse elements across pages
- [dynamic/silverstripe-elemental-blocks](https://github.com/dynamic/silverstripe-elemental-blocks#included-blocks): Elemental Blocks will add the following Elements to your site
    - Accordion: content in collapsable panels
    - Countdown: time left until a set date and time
    - Customer Service: map, directions, and contact info for your location
    - Embeded Code: embed code like iframes, javascript
    - Featured Content: large image, headline, description, link. one per row
    - File List: A list of files for download
    - Flexslider: Flexslider slideshow
    - Gallery: display a collection of images
    - Image: single image
    - oEmbed: embed content from YouTube, SoundCloud, etc
    - Promos: small image, headline, description, link. 3 to 4 per row
    - Recent Blog Posts: list of the most recent posts of a specific blog
    - Section Navigation: list of child pages or pages in current level
    - Sponsors: sponsor logos in a row
    - Tab Set: Create a tabbed interface that uses elements
    - Testimonials: list of customer testimonials, filter by category

Helpful modules
---------------

[](#helpful-modules)

These modules can extend functionality, and make elemental more compatible with other approaches in Silverstripe CMS:

- [dnadesign/silverstripe-elemental-subsites](https://github.com/dnadesign/silverstripe-elemental-subsites): Compatibility with the [silverstripe/subsites](https://github.com/silverstripe/silverstripe-subsites) module
- [dnadesign/silverstripe-elemental-skeletons](https://github.com/dnadesign/silverstripe-elemental-skeletons): Creates a template of elements which can be created for a page in the CMS

Configuration
-------------

[](#configuration)

### Limit to specific page type

[](#limit-to-specific-page-type)

If you want to use elements alongside traditional page types, you can define an "empty" page type and assign the extension only to this type.

**mysite/src/MyElementPage.php**

```
