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

diagram moves down when shapes is clicked

5 Answers 52 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Daewoong
Top achievements
Rank 1
Daewoong asked on 22 Mar 2018, 06:51 AM

Hi,

 

shape moves down when diagram is clicked

We are using the kendo-ui diagram in AngularJS
There is the same bug as in the link below
https://dojo.telerik.com/EsEsogeK

There are a lot of diagrams drawn in shape,
When you click shape, the diagram screen moves down and disappears from the screen.

Please,,, We want to solve this problem.

5 Answers, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 26 Mar 2018, 05:51 AM
Hello Daewoong,

It seems that there is a limit for the height of the Diagram, which is set to "20000px". After that height, every pixel over that height will be appended as an empty space before the shapes. Currently, what I could suggest is to enable fix the height to "20000" at most and move down to the next shapes with "CTRL+drag".

I will contact our developers to see if there is a particular reason for that hard-coded value and if there is none, we could change it to a higher value. If I find a quick workaround for changing the value, I will get back to you with an example.


Regards,
Konstantin Dikov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Daewoong
Top achievements
Rank 1
answered on 31 May 2018, 08:54 AM
hi Konstantin Dikov

I have been waiting a long time for your solution
Is there any solution or patch information from your developers?
I will wait for your reply.
0
Konstantin Dikov
Telerik team
answered on 04 Jun 2018, 10:36 AM
Hi Daewoong,

I have to say that there is no override that we can suggest and the only option would be to get kendo.all.js file and change the SCROLL_MAX property to a different value and use the new file instead.

We will still consider changing this directly in the source code.


Regards,
Konstantin Dikov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Daewoong
Top achievements
Rank 1
answered on 10 Apr 2019, 09:00 AM
We had another problem.

Using the kendo ui diagram,
There is a very big difference in speed between Chrome browser and IE11

https://dojo.telerik.com/ezOJiTIF

Running the above demo link in IE takes more than 20 seconds
Chrome will run within 2 seconds

The above demo is a sample of the code we are currently developing.
Please let me know how to fix it.
0
Konstantin Dikov
Telerik team
answered on 12 Apr 2019, 07:31 AM
Hi Daewoong,

What is causing the performance issue in IE in the example that you have shared is the following code snippet in the "getVisual" function, which is executed for each element in the Diagram:
var renderElement = $("<div />").appendTo("#diagram");
 
var output = new dataviz.drawing.Group();
draw.drawDOM(renderElement).then(function (group) {
  output.append(group);
  /* Clean-up */
  renderElement.remove();
  return output
});
g.drawingElement.append(output);

Could you please elaborate what is the purpose of the above code snippet and why it should be executed for each element in the Diagram?


Regards,
Konstantin Dikov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Diagram
Asked by
Daewoong
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Daewoong
Top achievements
Rank 1
Share this question
or