diagram moves down when shapes is clicked

6 posts, 0 answers
  1. Daewoong
    Daewoong  avatar
    3 posts
    Member since:
    Jun 2017

    Posted 22 Mar 2018 Link to this post

    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.

  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2445 posts

    Posted 26 Mar 2018 Link to this post

    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.
  3. Daewoong
    Daewoong  avatar
    3 posts
    Member since:
    Jun 2017

    Posted 31 May 2018 in reply to Konstantin Dikov Link to this post

    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.
  4. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2445 posts

    Posted 04 Jun 2018 Link to this post

    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.
  5. Daewoong
    Daewoong  avatar
    3 posts
    Member since:
    Jun 2017

    Posted 10 Apr Link to this post

    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.
  6. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    2445 posts

    Posted 12 Apr Link to this post

    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.
Back to Top