Implement in existing Project.

[raduen]

Hi, How do i implement this in a existing Project.

No mater what Vue boilerplate i use i keep getting a blank screen. The panes are getting created but as if they are somehow behind an layer.

Help.

[hexasoftware]

Hi, can you share the code where the layout is being created?

Edit: also sorry for the lack of proper documentation, resize and drag are disable by default you need to

  <Layout :edit="true" :resize="true" :splits="splits">

set the properties :edit and :resize to true

[raduen]

Hi,

Thanks for the quick response.

I'm using these boilerplate. https://github.com/petervmeijgaard/vue-2-boilerplate

[hexasoftware]

I believe it should be working in any boilerplate as the npm version uses a babel compiled js, I tested in the defaults vue-webpack-simple and vue-webpack

[raduen]

i used the demo code in demo/App.vue and changed the line import {Layout, Pane} from '../src' to import { Layout, Pane } from 'vue-split-layout'; and the styles are inline with