Develop Reference

Vue drag and drop with a ruler (alignment lines)

I am building a page builder tool using Vuejs 2.6.11 and Vuetify 2.3.10.
One of the concepts of this tool is that the elements can be dragged and dropped anywhere and can overlap each other.
Now, I want to give an extra feature to this drag-and-drop concept when elements are being dragged, alignments lines (basically an alignment ruler) should be displayed so the user can know the alignment between elements like this-
draw.io is an example to see this kind of feature in behavior.
I found many good libraries of drag-and-drop in vuejs but no one is providing the alignment lines or ruler when dragging the elements.
Libraries I looked into it-
https://www.dunebook.com/18-best-vue-drag-and-drop-libraries/
If anyone can suggest a suitable solution either a library or a custom way to implement this, would be a great help.

Do we have any kendo treeview kind of control supporting angular2/4

KendoUI does not support treeview control with angular2/4 right now so i am searching for any 3rd party treeview control supporting angular4.

Kendo indeed doesn't currently have an Angular2/4 TreeView but they are planning to make it in the future.
In the mean time, I've come across this TreeView which is quite robust with a long list of features, including drag & drop, virtual scrolling, events, templates and more.

Horizontal day planner/scheduler (drag and drop) with angularJS

I'm looking for a solution that would allow me to make a horizontal drag and drop day scheuler. I have been looking at AngularJS UI-calendar's day view and Telerik Kendo UI Scheduler's day view, but there dosen't seem to be an option to flip it from vertical to horizontal. I want hours to be placed on the x-axis instead of the usual y-axis.
Am I correct in my assumption that neither solution would allow me to accomplish that? If so any suggetion for a workaround/another solution?

Just started looking at this myself. Looking at Telerik Kendo UI Schedule, they have a Timeline view that looks like it will fit a horizontal view.
http://demos.telerik.com/kendo-ui/scheduler/timeline

Kendo UI grid - grouped Header Columns

This is not related to the grouping function where you can drag things to the header and it groups the grid.
I am trying to present grid columns in categories for organization in a large grid showing complex financial data for my project. I have created a very very simplified mockup of what I am trying to accomplish in google docs at this link
https://docs.google.com/spreadsheets/d/11BZGrV5IE2zvh3Ya38jgCN1lgOqMFXegdwAOmv-bLZg/edit?usp=sharing
The solution would need top play nice with column resizing. We would disable the ability to re-order columns for this display so that shouldn't be an issue.

Regarding a multi-row header w/ colspan
From the official forum:
Multirow headers will be available in the Pivot Grid, which we are currently developing with the idea of releasing it for Q2 2014. We may port the implementation for the standard Grid for subsequent releases, but I am afraid I can't provide official information about the timing and probability at this point.
http://www.telerik.com/forums/multiple-header-rows
http://www.telerik.com/support/whats-new/kendo-ui/road
If anyone cares this is how we overcame the problem using slick grid. We are updating to kendo so we will just carry this forward until we have a grid that has these capabilties. We used a legend and then applied a CSS to each header

Simple Slider with Kendo UI

I'm trying to get a content slider working. We are using Kendo UI as a UI framework for the application that I'm working on, and I'm not too keen or writing my own jQuery slider or using one of the self.
I was wondering if anyone has tried using Kendo UI to build a simple content slider. Like http://www.sequencejs.com/