This is a migrated thread and some comments may be shown as answers.

Rendering is slow for 8 shapes in firefox & Few other concerns.

3 Answers 62 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Kshitij
Top achievements
Rank 1
Kshitij asked on 02 Dec 2015, 01:46 PM

Hi, 

Please find the sample that i tried at : http://dojo.telerik.com/AZAMi/2

 My requirement is to load up the atleast 200-300 shapes for the diagram control, so please my concerns below.

Concerns:

1. Rendering is too slow, what could be possible cause and solution to it.?

2. How to disable the edit tool bar in the diagram and toolbar appearing on selecting any shape, however still i should be able to drag the shapes.?

3. Is partial loading of shapes or any kind of virtualization is supported for diagram control.?

4. If we have 100 of shape in diagram control in a hierarchical view, it is possible to render the diagram control with top most nodes in the viewport.?

5. Is it possible that if shapes are zoomed up then the whole diagram should be scroll-able.?

6. One more issue that i observed is if we have many shapes and we turn on the scrolling as suggested in one of the samples in your website, if we click any where else other nodes, the scroll bar automatically scrolls to extreme left of the diagram container.? 

 

Thanks,

Kshitij

3 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 04 Dec 2015, 02:47 PM
Hi,

Thank you for your interest in the Diagram widget. Straight to your questions:

1) The sample snippet doesn't seem to load of shapes. We're willing to investigate performance issues, but we'll need a snippet that closely replicates your scenario.
2) Disable the editable.tools setting to hide to shape toolbar:
shapeDefaults: {
    editable: {
        tools: false
    }
}
3) No, not automatically at least.
4) You can use the bringIntoView method to zoom in on particular set of shapes.
5) Scrolling is done by holding Ctrl pressed
6) Using an external scrollbar is not recommmended.

I hope this helps.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Kshitij
Top achievements
Rank 1
answered on 05 Dec 2015, 03:42 PM

Hi T.Tsonev,

 Thanks for the reply. I have few more concerns and it will be very helpful, if you can reply at earliest which drives us towards using Kendo UI Diagram control.

I have updated the http://dojo.telerik.com/AZAMi/3 link with scenario 2 & 3 mentioned below

1. Virtualization or lazy loading of nodes is not there right now, can you provides us sample of what other ways can be used to achieve it.? Or Does kendo team have a plan of implementing the Virtualization  or lazy loading some time down the line in near future? If so, how soon can i expect it to there with the tool. It is really important for us as we have more than 5000 nodes. I have tried with 1700 nodes, the IE and edge browser almost takes more than 2 min to render the diagram.

2 In the diagram, we have a bidirectional relationship between two nodes which are linked by link arrows having labels over them. But when the diagram renders on browser the link arrow and label overlaps each other. any solution to overcome this.?

3.If we have bidirectional arrow between two nodes, is it possible to create two different arrows such that they dont overlap. If yes, can you please redirect us to the sample.

4. Is it possible that Relationship arrows/connectors should always be connecting from the bottom edge of parent entity to the top edge of the child entity independent of the number of nodes.

 

Please find attached data set files for node and their link for performance scenario

0
T. Tsonev
Telerik team
answered on 09 Dec 2015, 09:11 AM
Hi,

Thanks for the update.

1) We don't have plans for virtualization of nodes. It's not clear how that should work in conjunction with the layout.
2) Not directly, but it is possible to override the rendering using a custom visual. This is defined in a similar fashion to a shape visual.
3) The connections are separate, but they need to connect to different connectors (points) on the shapes to separate them.
4) Preferred connectors can be data bound using the fromConnector / toConnector fields.

I hope this helps.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Diagram
Asked by
Kshitij
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Kshitij
Top achievements
Rank 1
Share this question
or