PHPackages burnbright/silverstripe-gridstructuredcontent - 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 & Helpers](/categories/utility) 4. / 5. burnbright/silverstripe-gridstructuredcontent ActiveSilverstripe-module[Utility & Helpers](/categories/utility) burnbright/silverstripe-gridstructuredcontent ============================================= Allows structuring SilverStripe CMS Content into CSS grid system layouts 13213[2 issues](https://github.com/burnbright/silverstripe-gridstructuredcontent/issues)PHP Since Jan 6Pushed 7y ago3 watchersCompare [ Source](https://github.com/burnbright/silverstripe-gridstructuredcontent)[ Packagist](https://packagist.org/packages/burnbright/silverstripe-gridstructuredcontent)[ RSS](/packages/burnbright-silverstripe-gridstructuredcontent/feed)WikiDiscussions master Synced 1w ago READMEChangelogDependenciesVersions (1)Used By (0) SilverStripe Grid Structured Content Module =========================================== [](#silverstripe-grid-structured-content-module) The layout-with-tables killer. Why --- [](#why) **Problem:** structuring content beyond single columns. **Existing solutions:** - pre-define template(s) and additional db fields for holding content. - use tables within TinyMCE Content editor. - define content in seperate DataObjects, eg [Page Elements Module](http://page-elements.com) - [SilverStripe Blocks](https://github.com/sheadawson/silverstripe-blocks) **New solution:** use the CSS grids we've come to know and love This can be done by splitting up 'Content' field with a short delimiter string, and also storing a (sub)grid structure. The grid strucutre could be predefined by a designer, or edited by the user. This means defining the appropriate nesting of rows, columns, and width each column spans. The same TinyMCE editor interface can be used, with the only difference being that you choose what part of the grid you are working on. On save, the seperate grid sections are concatenated into the 'Content' db field, and are delimited by a front-end invisible string. When rendering on the front-end, the defined grid structure is traversed (depth first), dropping the delimited Content into the appropriate areas. This idea relies on the fact that most grid systems are the same. Most have: - Predefined number of columns - HTML structure & CSS classes for defining grid layout For example, here is the [bootstrap structure](http://twitter.github.com/bootstrap/scaffolding.html#gridSystem) ``` ... ... ``` Converted to a generic SilverStripe template: ``` $Content ``` The minor differences between grid systems should be handled by using a slightly different row template. Benefits: --------- [](#benefits) - Grid system agnostic: it should would work with different CSS grid systems. - Un-obtrusive: it doesn't require any new data objects, or fields. - Clever: all content is stored in 'Content' db field, therefore taking full advantage of history, rollback etc. - Graceful: the 'Content' field could still be displayed in a single column format with $Content, because delimiters will be hidden. This also means content summaries can still be used. Research ======== [](#research) ### List of CSS Grid Systems/Frameworks [](#list-of-css-grid-systemsframeworks) - [34](http://34grid.com/) - [960](http://960.gs) - [978](http://978.gs) - [1140](http://cssgrid.net/) - [blueprint](http://www.blueprintcss.org) - [bootstrap](http://twitter.github.com/bootstrap) - [columnal](http://www.columnal.com/) - [foundation](http://foundation.zurb.com) - [golden](http://goldengridsystem.com/) - [responsive](http://www.responsivegridsystem.com/) - [responsive 2](http://responsive.gs/) - [semantic](http://semantic.gs/) - [unsemantic](http://unsemantic.com) - [zen](http://zengrids.com/) ### Javascript Grid Layout Editors [](#javascript-grid-layout-editors) - - - - ### Similar ideas [](#similar-ideas) - Screenshots =========== [](#screenshots) [![Editor](docs/images/editor.png)](docs/images/editor.png) [![Configuration](docs/images/config.png)](docs/images/config.png) ### Health Score 23 — LowBetter than 26% of packages Maintenance17 Infrequent updates — may be unmaintained Popularity15 Limited adoption so far Community14 Small or concentrated contributor base Maturity39 Early-stage or recently created project Bus Factor1 Top contributor holds 93.8% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://avatars.githubusercontent.com/u/1356335?v=4)[Jeremy Shipman](/maintainers/jedateach)[@jedateach](https://github.com/jedateach) --- Top Contributors [![jedateach](https://avatars.githubusercontent.com/u/1356335?v=4)](https://github.com/jedateach "jedateach (30 commits)")[![chillu](https://avatars.githubusercontent.com/u/111025?v=4)](https://github.com/chillu "chillu (1 commits)")[![yvestrublin](https://avatars.githubusercontent.com/u/254103?v=4)](https://github.com/yvestrublin "yvestrublin (1 commits)") ### Embed Badge ![Health badge](/badges/burnbright-silverstripe-gridstructuredcontent/health.svg) ``` [![Health](https://phpackages.com/badges/burnbright-silverstripe-gridstructuredcontent/health.svg)](https://phpackages.com/packages/burnbright-silverstripe-gridstructuredcontent) ``` ### Alternatives [artesaos/seotools SEO Tools for Laravel and Lumen 3.4k5.3M63](/packages/artesaos-seotools)[wire-elements/spotlight Livewire component that provides Spotlight/Alfred-like functionality to your Laravel application. 9451.0M3](/packages/wire-elements-spotlight)[matomo/referrer-spam-list Community-contributed list of referrer spammers 6771.1M19](/packages/matomo-referrer-spam-list)[symfony/polyfill-php82 Symfony polyfill backporting some PHP 8.2+ features to lower PHP versions 6647.7M97](/packages/symfony-polyfill-php82)[dekor/php-array-table PHP Library for printing associative arrays as text table (similar to mysql terminal console) 297.4M2](/packages/dekor-php-array-table)[symfony/ai-platform PHP library for interacting with AI platform provider. 521.2M214](/packages/symfony-ai-platform) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)