Timeline year view

15 posts, 1 answers
  1. MatanBo
    MatanBo avatar
    9 posts
    Member since:
    Nov 2014

    Posted 01 Dec 2014 Link to this post

    Hey!
    I am trying to implement a timeline with year view, is there a way to do this with the scheduler?
    In all of your example the maximum is month..
    Thanks,
  2. Answer
    Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 02 Dec 2014 Link to this post

    Hi Matan,

    Currently there is no such "Timeline year" view, however you can create custom view by extending the "Timeline" view (and overriding the "calculateDateRange" method) in order to show the full year. For example of extending the Scheduler build-in views you can check the following example in our CodeLibrary:

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. MatanBo
    MatanBo avatar
    9 posts
    Member since:
    Nov 2014

    Posted 08 Dec 2014 Link to this post

    Thanks alot,
    Worked for me...

    Matan
  5. MatanBo
    MatanBo avatar
    9 posts
    Member since:
    Nov 2014

    Posted 08 Dec 2014 in reply to Vladimir Iliev Link to this post

    Another question if I may,
    Ive seen you didnt add anything to the kendo.scheduler.js file.
    When I tried adding my view with your example,
    The scheduler doesnt recognize it unless I add another view to the defaultViews object in kendo.scheduler.js

    Thanks,
    Matan

  6. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 08 Dec 2014 Link to this post

    Hi Matan,

    I tried to reproduce the problem locally but to no avail – everything is working as expected on our side when adding custom view to the scheduler. Could you please provide runable demo  (for example in Kendo UI Dojo) where the issue is reproduced? This would help us pinpoint the exact reason for this behavior.

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. MatanBo
    MatanBo avatar
    9 posts
    Member since:
    Nov 2014

    Posted 08 Dec 2014 Link to this post

    It was actualy my fault, Didnt include the correct file,
    Thanks alot Vladimir,

    Matan.
  8. Aaron
    Aaron avatar
    12 posts
    Member since:
    May 2015

    Posted 03 Aug 2015 in reply to MatanBo Link to this post

    I don't suppose you would be willing to share your code? I've been asked to create a view that's months only, with events per month, that could spans a year. So I'm looking to creating a custom view which is monthly only over a year or more. I've been asked to do this in an impossibly short time line. Any help would be very appreciated.

    Thanks!

  9. George
    George avatar
    16 posts
    Member since:
    Mar 2012

    Posted 03 Aug 2015 Link to this post

    Is there any proper documentation available to learn what elements matter in extending a timeline view to create a new? I saw the source code attached in this thread, but I ​couldn't understand what part of it ​was really required to create a custom view. As per your first reply, seems like It only requires to override "calculateDateRange" method to make it work, is that true?

  10. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 04 Aug 2015 Link to this post

    Hello George,

    For your convenience I created small demo which you can use as baseline to achieve the desired behavior. The demo shows how to override the "calculateDateRange", "nextDate" and "previousDate" methods of the view:

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  11. George
    George avatar
    16 posts
    Member since:
    Mar 2012

    Posted 04 Aug 2015 in reply to Vladimir Iliev Link to this post

    Thank you, Vladimir. That was 95% of what I was supposed to implement, though all I was looking for was some documentation to play with this control. I was able to extract Week and Month View implementations from the kendo.all.min.js file to understand the structure.

    Thanks, again.

  12. Aaron
    Aaron avatar
    12 posts
    Member since:
    May 2015

    Posted 04 Aug 2015 in reply to Vladimir Iliev Link to this post

    Hello Vladimir,

     Thank you very much for the code. I have a couple of thoughts and would like your feedback.

    In a Year Timeline view, I would like to see a higher level view of the months. Basically without the individual times and days of each month.Having days and hours within days is too granular for what I need. Is there a way to remove the time and day level ​increments and have only the months as the increments?

    So I want only each month in the header at the top. Is this possible?

    Thanks!

  13. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 05 Aug 2015 Link to this post

    Hi Aaron,

    The desired behavior is not supported out of the box and it will require deeper extend of the view (overriding more of the build-in methods) which falls outside the scope of our support service. That why currently I could only suggest to use the previous example as baseline to achieve the desired behavior. 

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  14. Aiyaz
    Aiyaz avatar
    1 posts
    Member since:
    Nov 2010

    Posted 08 Sep 2015 in reply to Vladimir Iliev Link to this post

    Hi Vladimir,

    i need to generate year view calenders (see attached) with events showing in month blocks.  Is there any way i can do this using the scheduler, gannt or calendar controls?  Im happy to use other controls like pivot grids if that will help achieve this view. 

     

  15. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2172 posts

    Posted 10 Sep 2015 Link to this post

    Hi,

    The desired behavior is not supported out of the box and custom solution would be needed. For example you can create custom view by extending one of the build-in views or render different scheduler widget for each month (in this case you can use the navigation bar of the top scheduler to navigate the others as well). 

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  16. AkAlan
    AkAlan avatar
    121 posts
    Member since:
    Jun 2009

    Posted 18 Nov 2015 in reply to Aiyaz Link to this post

    Aiyaz, Have you happened on a solution? I have the exact same need. 
Back to Top
Kendo UI is VS 2017 Ready