ember-split-view

See it in action: http://bryanhunt.github.io/#/split

There is a demo app in tests/dummy.

Installation

git clone this repository
npm install
bower install

If you are using ember-cli, you can install as an addon.

ember install ember-split-view

Configuration

You need to add the following to your config/environment.js:

resizeServiceDefaults: {
  debounceTimeout    : 200,
  heightSensitive    : true,
  widthSensitive     : true,
  injectionFactories : [ 'view', 'component']
},

Running

ember server
Visit your app at http://localhost:4200.

Examples

Vertical SplitView example:

{{#split-view isVertical=true as |split| }}
  {{#split.child}}
    Content of the left view here.
  {{/split.child}}
  {{split.sash}}
  {{#split.child}}
    Content of the right view here.
  {{/split.child}}
{{/split-view}}

Horizontal SplitView example:

{{#split-view isVertical=false as |split|}}
  {{#split.child}}
    Content of the top view here.
  {{/split.child}}
  {{split.sash}}
  {{#split.child}}
    Content of the bottom view here.
  {{/split.child}}
{{/split-view}}

Running Tests

ember test
ember test --server

Building

ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.

Donating

All donations will support this project and keep the developer supplied with Reese's Minis.

srvance/ember-split-view