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

score 3 · Answer 1 · answered Jun 10 '19 at 16:32

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

answered Jun 10 '19 at 16:32

Jochen Kühner

1,385
2
18
43

score 2 · Answer 2 · answered Feb 03 '17 at 09:36

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.

answered Feb 03 '17 at 09:36

bartosz.baczek

1,567
1
17
32

Any plan to open-source it? – Abris Mar 23 '17 at 06:35
2

it'd be great if you upload that code to github or any other site, people can refer to that as starting point. – Hemendra May 28 '19 at 08:19

score 2 · Accepted Answer · answered Jul 19 '17 at 13:37

2

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.

answered Jul 19 '17 at 13:37

Adrien BARRAL

3,474
1
25
37

That is precisely what we are using at the moment. :-) – Debopam Chanda Jul 25 '17 at 05:36

Docking layout control for Angular2 similar to Telerik's RadDocking

3 Answers3