December 15, 2018

176 words 1 min read

golden-layout/golden-layout

golden-layout/golden-layout

A multi window layout manager for webapps

repo name golden-layout/golden-layout
repo link https://github.com/golden-layout/golden-layout
homepage https://golden-layout.com/
language JavaScript
size (curr.) 6456 kB
stars (curr.) 4602
created 2014-10-05
license MIT License

Golden Layout NPM version Build Status

Screenshot

https://golden-layout.com/

Installation

This fork uses Webpack and features a double tree:

  • src/js/ -> Prototype-based official source untouched (REQUIRES loading JQuery externally)
  • src/js_es6/ -> source converted to ES6 modules, with bugfixes, full touch support (BUNDLES JQuery or Zepto)

When you build either types, the library will be in dist/js/goldenlayout.js.

For ES6 GoldenLayout is the default export, while all other components have named exports (details in js_es6/index.js)

To make the environment ready, clone, cd to project dir, and run:

npm i

Then to start/build each tree run the following:

Prototype-based

start: npm run start

build: npm run build

ES6-based / JQuery

start: npm run start_es6j

build: npm run build_es6j

ES6-based / Zepto

start: npm run start_es6z

build: npm run build_es6z

Features

  • Full touch support
  • Native popup windows
  • Completely themeable
  • Comprehensive API
  • Powerful persistence
  • Works in IE8+, Firefox, Chrome
  • Reponsive design

Dependencies

  • JQuery or Zepto

Examples

License

MIT

comments powered by Disqus