Dashboard grid drag error

Webix JS
#1

Hey guys,

Once the number of cells go above two on a dasboard you get an error on drag & drop…

https://snippet.webix.com/hcmlyjh3

#2

Hey @Splay, by default, the dashboard view has only 2 rows and 2 columns in the grid (that’s why it works fine with just 2 cells) - https://docs.webix.com/desktop__dashboard.html#configuringdashboard, so in your case, you have to specify the gridColumns property and set it to 4: https://snippet.webix.com/eultthl1.

Basically, if you want anywhere above the default number of columns/rows you have to specify gridColumns/gridRows respectively.

#3

That’s great @Dzmitry thanks for the reply.

I will be adding columns dynamically so I guess I gotta update that gridColumns property each time? I’ll give it a go and see.

Thanks

#4

Yep, seems like it, or you could just define a larger number of columns in the initial config as well, since you’ve got a set cellWidth I don’t see an issue here (it woudn’t work with elements with auto-height/auto-width).

#5

@Dmitry I have given it a go here… https://snippet.webix.com/zaom3g2t

I can’t drag a newly added column tho.

#6

You are adding a template instead of adding a movable panel with template inside of it: https://snippet.webix.com/eyye8h07.

#7

That’s it @Dzmitry thanks a mil