Gantt UI Issues

2 posts, 0 answers
  1. Daniel
    Daniel avatar
    1 posts
    Member since:
    Oct 2017

    Posted 18 Oct Link to this post

    Hello, i'm creating a Gantt Chart and i have two issues:

     

    1) If i change the task template to remove task name inside task, the task height is reduced.

        Using this template:

    1.<script id="task-template" type="text/x-kendo-template">
    2.  <div class="template">
    3.    <div class="wrapper"> </div>
    4.    <div class="progress" style="width:#= (100 * parseFloat(percentComplete)) #%"> </div>
    5.  </div>
    6.</script>

     

    Check how it looks like: https://www.screencast.com/t/FoXLG7lQNQoh

     

    2) I am creating dependencies with type 1 but i'm getting the following location for dependency row.. It should start at the enf of the task, but it is starting in the middle.

    Check how it looks like: https://www.screencast.com/t/FoXLG7lQNQoh

     

    In Html i'm importing this:

     

    This is my data:

    Parent Task:
    {"ID":2,"Title":"ParentTask","ParentID":null,"OrderID":0,"Start":"2017-04-21T11:23:25","End":"2017-04-22T11:47:25","PercentComplete":0,"Summary":true,"Expanded":true,"ItemNo":"Item1"}
     
    Child Tasks:
    {"ID":3,"Title":"Op1","ParentID":2,"OrderID":0,"Start":"2017-04-21T11:23:25","End":"2017-04-21T19:31:25","PercentComplete":0,"Summary":false,"Expanded":true,"ItemNo":""}
    {"ID":4,"Title":"Op2","ParentID":2,"OrderID":1,"Start":"2017-04-21T19:31:25","End":"2017-04-22T03:39:25","PercentComplete":0,"Summary":false,"Expanded":true,"ItemNo":""}
    {"ID":5,"Title":"Op3","ParentID":2,"OrderID":2,"Start":"2017-04-22T03:39:25","End":"2017-04-22T11:47:25","PercentComplete":0,"Summary":false,"Expanded":true,"ItemNo":""}
     
    Dependencies:
    {"ID":4,"PredecessorID":3,"SuccessorID":4,"Type":1}
    {"ID":5,"PredecessorID":4,"SuccessorID":5,"Type":1}

     

    Could anybody give me some workaround for both issues?

     

    Thank you so much

     

     

     

     

     

  2. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    621 posts

    Posted 20 Oct Link to this post

    Hello Daniel,

    Concerning your questions:

    1. This is an expected appearance change, when no text is loaded in the Task template. Here you will find a Dojo sample of how to display the Task title within the template.

    2. Here you will find a Dojo sample, implementing the described case. As you can see no dependency displacement could be observed. May I ask you to modify this sample, so it reproduces the problem observed and send it back to us?

    Regards,
    Veselin Tsvetanov
    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.
Back to Top