A way of building rows and grids with built in editable regions; requires jQuery, jQueryUI, Bootstrap 3.x, & optional TinyMCE or CKEditor
JavaScript CSS Ruby
Latest commit 2a8d629 Sep 22, 2014 @neokoenig IE remove col fix

README.md

jQuery GridManager

A way of building rows and grids with built in editable regions; requires jQuery, jQueryUI, Bootstrap 3.x, optional TinyMCE/CKeditor

gridmanager.js

What is it?

Gridmanager allows you to create, reorder, update & delete rows and columns in grid layouts used by frameworks such as Bootstrap 3.x or Foundation 5.x

You can:

  • Drag and drop columns & rows
  • Resize, delete and add columns on the fly
  • Apply custom column and row classes
  • Nest rows within columns
  • Quickly edit the source code directly
  • Add row templates for common column width layouts
  • Add/Alter the ID of a column or row directly
  • Use the dynamically inserted editable regions to change column/row text
  • Tie in Rich Text Editors such as TinyMCE & CKEditor to those editable regions
  • Change layout modes for easy editing & previewing of responsive classes
  • Use fluid rows if you want
  • Create your own custom controls for easily extending functionality

Installation

See GitHub Pages for all docs + demos

Now available via bower:

bower install gridmanager.js

Licence

Released under the MIT licence. Go wild.

Contributors

Tom King Percy D Brea