Docking layout control for Angular2 similar to Telerik's RadDocking

Question

I am using Telerik's RadDocking control in Silverlight. http://docs.telerik.com/devtools/silverlight/controls/raddocking/overview2

I have searched a few docking layout controls for Angular2 but haven't come across anything which gives me something similar to the one which I mentioned above.

The closest one that I could come across was angular2-grid. https://www.npmjs.com/package/angular2-grid

I was hoping Kendo will come up with such control in their latest release for Angular2. It doesn't seem to be in their roadmap either.

Even angular/material2 hasn't started work on their layout control. https://github.com/angular/material2

It would be of great help if somebody could point me to a good docking layout control.

Thanks

Answer 1

You can also use GoldenLayout. We use it in my firm and that works well. Integration with angular 2 is not really straight forward, but there is a nice discussion flow on Github to explain how to integrate it with Angular 2.

Answer 2

At my company we managed to use dock-spawn. We were using Telerik's RadDocking in Silverlight as well. We had to do few changed in dock-spawn (such as adding support for hiding panes, adding icons to tab pages and panels). There were some issues with zone.js, that angular2 is using.

Despite all those problems it might seem worth to use, even though this library have not beed supported for last 3 years.

You can check out the demo for original dock-spawn.

Below photo of he we did it:

As we are using Angular2 with typescript, we had to write our type definitions as well.

Answer 3

I've created a TypeScript Version of DockSpawn and fixed a few bugs (for example use on touch devices)

available here: https://github.com/node-projects/dock-spawn-ts