vue-grid-layout icon indicating copy to clipboard operation
vue-grid-layout copied to clipboard

Modify Library

Open mateo2181 opened this issue 6 years ago • 7 comments

Hello! I am trying to modify library to create a swap function. I have changed vue.config.js to this: selection_003 I run "npm run build-lib" and works. But when I use the library I got this error:

[Vue warn]: Failed to mount component: template or render function not defined. found in ---> <GridLayout> <Grid> at src/components/Grid.vue <App> at src/App.vue <Root>

Someone know how can I fix this ?

Thanks!

mateo2181 avatar Nov 21 '18 16:11 mateo2181

@mateo2181 - I know it's been a couple years, did you manage to get swapping to work or did you use a different library?

rebz avatar Oct 11 '20 14:10 rebz

I'm looking for a way to swap items too, did anyone manage to do that? Basically i would like to be able to swap the items horizontally too instead of vertically only, don't know if and how it's doable

Jacks349 avatar May 29 '21 20:05 Jacks349

I'm looking for a way to swap items too, did anyone manage to do that? Basically i would like to be able to swap the items horizontally too instead of vertically only, don't know if and how it's doable

I just built a custom solution, no packages. Struggled to find a decent drag and drop package with touch support that was actively maintained.

rebz avatar May 29 '21 20:05 rebz

I'm looking for a way to swap items too, did anyone manage to do that? Basically i would like to be able to swap the items horizontally too instead of vertically only, don't know if and how it's doable

I just built a custom solution, no packages. Struggled to find a decent drag and drop package with touch support that was actively maintained.

Thanks for your answer! So you didn't use this library in the end? It's a shame because except for that, vue-grid-layout has everything i needed

Jacks349 avatar May 29 '21 21:05 Jacks349

I created this library to be able to swap elements https://github.com/mateo2181/vue-swappable.

mateo2181 avatar May 29 '21 22:05 mateo2181

I'm looking for a way to swap items too, did anyone manage to do that? Basically i would like to be able to swap the items horizontally too instead of vertically only, don't know if and how it's doable

I just built a custom solution, no packages. Struggled to find a decent drag and drop package with touch support that was actively maintained.

Thanks for your answer! So you didn't use this library in the end? It's a shame because except for that, vue-grid-layout has everything i needed

Correct, all custom solution. I had tried a variety of packages out there but I was building a planogram builder for vending machines and there were too many variables required... a few of which are:

  • Variable height and resizable rows
  • Swappable items
  • Swappable rows
  • Collision detection

I created this library to be able to swap elements https://github.com/mateo2181/vue-swappable.

Interesting, I’m working on another drag and drop project with touch support for a custom video surveillance dashboard. I once looked at Draggable.JS but saw it was no longer maintained. I will have to check this out.

rebz avatar May 29 '21 23:05 rebz

Hello everyone, i gave it a try to implement my own swapping here

Jacks349 avatar Jun 05 '21 13:06 Jacks349