timelineMonth issue

3 posts, 0 answers
  1. Jeremy
    Jeremy avatar
    1 posts
    Member since:
    Dec 2014

    Posted 09 Dec 2014 Link to this post

    Hi. I have been playing with the "http://dojo.telerik.com/" code editor evaluating the Scheduler API. I have set the code to set the :
     views: [    {        type: "timelineMonth" } ]
    and this works fine. However, what I have found is, if I create a new item in a resource for say "1 Dec 2014 10:00 AM"  ending at "2 Dec 01:00 PM" then create another item in the same resource for "2 Dec 2014 10:00 AM"  ending at "4 Dec 01:00 PM", the new items are not lined up side by side.
    I have attached 2 files. The file "1.jpg" is what I get when I do the above, and "2.jpg" is the one I WANT to achieve.
    I have looked through the documentation and I cant see how to resolve it. Is someone able to help? I have attached my code below.

    Thanks Jeremy

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Kendo UI Snippet</title>
     
        <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css">
        <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.rtl.min.css">
        <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css">
        <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.min.css">
        <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.dataviz.default.min.css">
        <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.mobile.all.min.css">
     
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>
    </head>
    <body>
     
    <div id="scheduler"></div>
    <script>
    $("#scheduler").kendoScheduler({
        date: new Date("2013/6/6"),
        snap: true,
       
      views: [
        {
            type: "timelineMonth",
            columnWidth: 50,
            majorTimeHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'h')#</strong><sup>00</sup>")
        }
      ],
       group: {
        resources: ["Rooms"],
         orientation: "vertical"
      },
      dataSource: [
        {
          id: 1,
          start: new Date("2013/6/6 01:00 PM"),
          end: new Date("2013/6/8 10:00 AM"),
          title: "Interview1",
          roomId: 1
        },
            {
          id: 2,
          start: new Date("2013/6/6 08:00 AM"),
          end: new Date("2013/6/6 09:00 PM"),
          title: "Interview2",
              roomId: 2
        },
            {
          id: 3,
          start: new Date("2013/6/6 08:00 AM"),
          end: new Date("2013/6/6 09:00 PM"),
          title: "Interview3",
              roomId: 3
        }
      ],
        resources: [
        {
          field: "roomId",
          name: "Rooms",
          dataColorField: "key",
          dataSource: [
            { text: "P1 1", value: 1, key: "#aabbcc" },
            { text: "P1 2", value: 2, key: "#aabbcc" },
            { text: "P1 3", value: 3, key: "#aabbcc" },
            { text: "P1 4", value: 4, key: "#aabbcc" },
            { text: "P1 5", value: 5, key: "#aabbcc" },
            { text: "P1 6", value: 6, key: "#aabbcc" },
            { text: "P1 7", value: 7, key: "#aabbcc" },
            { text: "P1 8", value: 8, key: "#aabbcc" },
            { text: "P1 9", value: 9, key: "#aabbcc" },
            { text: "P1 10", value: 10, key: "#aabbcc" }
          ],
          multiple: true
        }
      ]
    });
    </script>
    </body>
    </html>
  2. Alexander Popov
    Admin
    Alexander Popov avatar
    1442 posts

    Posted 11 Dec 2014 Link to this post

    Hi Jeremy,

    Thank you for bringing this to our attention - I have forwarded it to our development team for further analysis. I am afraid however, that there is no good solution or a workaround that I can suggest until a permanent solution is available.

    As a token of gratitude for your involvement your Telerik points have been updated.

    Regards,
    Alexander Popov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2194 posts

    Posted 15 Jan 2015 Link to this post

    Hi Jeremy,

    The issue is already fixed on our side and the fix will be shipped with next internal build of Kendo UI (expected to be available for download to the end of next week).

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top