Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement in existing Project. #2

Open
raduen opened this issue Feb 15, 2018 · 4 comments
Open

Implement in existing Project. #2

raduen opened this issue Feb 15, 2018 · 4 comments

Comments

@raduen
Copy link

raduen commented Feb 15, 2018

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
Copy link
Contributor

hexasoftware commented Feb 15, 2018

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
Copy link
Author

raduen commented Feb 15, 2018

Hi,

Thanks for the quick response.

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

@hexasoftware
Copy link
Contributor

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
Copy link
Author

raduen commented Feb 15, 2018

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 <style lang="scss">`

I think i'm missing something.

`

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants