how to show all day event for different attendees

6 posts, 1 answers
  1. Lilan
    Lilan avatar
    55 posts
    Member since:
    Feb 2015

    Posted 23 Apr 2015 Link to this post

    hi, 

     I like to show only one event per day for different attendees in timeline view angularjs. i removed times column but it shows time rows as below example 

    http://dojo.telerik.com/eBoVo

     i need to show only one event for whole day where it will remove time rows from the scheduler. 

     

    Thanks 

    Lilan

  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2196 posts

    Posted 23 Apr 2015 Link to this post

    Hello Lilan,

    The desired behavior of hiding the times rows is not supported out of the box - that why I would suggest to use the "timeline" view to achieve the desired behavior. Please check the example configuration below:

    Additionally you can implement custom restrictions in order to prevent the user from creating more than one event for given employee for given day. Similar example is available in our online demos:

    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. Lilan
    Lilan avatar
    55 posts
    Member since:
    Feb 2015

    Posted 23 Apr 2015 Link to this post

    Hello Vladimir , 

     This is what i needed, but can't we remove/hide time bar, i tried this way but it was not succeeded and i tried it from css, unfortunately it was not  succeeded . 

    Code applied

    dataBinding: function(e) {
    var view = this.view();

    view.times.hide();
    view.timesHeader.hide();
    },

     CSS applied 

    .k-scheduler-times {  display: none;}

     please find modified sample. 

     

     http://dojo.telerik.com/@lilan123/iHiDo

    Thanks 

    Lilan. 

  4. Answer
    Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2196 posts

    Posted 24 Apr 2015 Link to this post

    Hi Lilan,

    Please check the example below of how to hide the "timeline" view times row:

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Lilan
    Lilan avatar
    55 posts
    Member since:
    Feb 2015

    Posted 24 Apr 2015 in reply to Vladimir Iliev Link to this post

    Hello Vladimir , 

     But it hides date header as well. and i removed this line 

    view.datesHeader.find("tr:last").prev().hide();

    it wasn't helped. 

     

    Thanks 

    Lilan

  6. Lilan
    Lilan avatar
    55 posts
    Member since:
    Feb 2015

    Posted 24 Apr 2015 in reply to Lilan Link to this post

     Hello Vladimir , 

    Thanks a lot for the help and it was succeeded finally. please check the sample as below. this will help others who wants same requirement as mine.  

    http://dojo.telerik.com/@lilan123/oXoPo/2

    Thanks, 

    Lilan

Back to Top