Why only one event could be showed on the MonthView

5 posts, 0 answers
  1. ivan
    ivan avatar
    27 posts
    Member since:
    Aug 2013

    Posted 14 Oct 2014 Link to this post

    Hello,
    I know some people have asked this. Please see this below:

    http://www.telerik.com/forums/show-all-events-for-day-in-month-view
    http://www.telerik.com/forums/how-can-i-specify-the-height-of-a-row-in-the-monthview-

    I think they and I are talking about the same thing. We need to show all events in the day cell of the month view. 
    I don't want to  extend the MonthView as it can lead to unexpected behavior and is out of scope of support service. 

    You said in the thread:
    that:
    1) As the "dayView" renders all available events in given cell (next to each other) by default it's not clear for us what is the exact behavior that you are trying to achieve - could you please clarify?

    So let me clarify it clearly.
    Because in many time, we need to create more than one task started in the same day(for example, we said event A and event B), both the event lasted for 3 days. It's a wonderfull function that we could drag the event on the MonthView to change the start date, or the end date, so we could make a task which lasted for more than one day quickly.

    Now  you limited only one event showed in the same day cell of the MonthView, more events will be hided and just show a "more button". But when we click the "more button", we will enter into the DayView. So we COULD NOT change the second event's start date or end date just by drag on the MonthView.

    That's reason 1 why need to show all events in the save day cell of the MonthView.

    Reason 2, is when we have more than one employees, for example, you are a manager, you have 3 employees, just like your online demo.
    You need to see the team's whole tasks arrangement in the month, not each person at each time, just see all their tasks, so you could know which day is free and which day is in a heave workload.  The working scenario is see workload in a Month Calendar, not see a detail job in a DayView. So we want to show all events in the save day cell of the MonthView.


    yours,
    Ivan










  2. Alexander Popov
    Admin
    Alexander Popov avatar
    1416 posts

    Posted 16 Oct 2014 Link to this post

    Hi Ivan,

    Basically, how many events will be displayed on a certain day depends on two things - the height of the day cell and the eventHeight option of the MonthView. Automatically resizing the cells so all events are shown is not supported out of the box and implementing it would require a custom solution that is beyond the scope of our support services. You could however, reduce the height of the events and use CSS to increase the days cell height as shown in this example.

    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. Kendo UI is VS 2017 Ready
  4. Kyle
    Kyle avatar
    3 posts
    Member since:
    Feb 2016

    Posted 16 Mar in reply to Alexander Popov Link to this post

    Is there a way to affect cell height in the Month view but not the Week or Day views?
  5. Alexander Popov
    Admin
    Alexander Popov avatar
    1416 posts

    Posted 18 Mar Link to this post

    Hello Kyle,

    The eventHeight option is available only for  "month", "timeline", "timelineWeek", "timelineWorkWeek" and "timelineMonth" views. The alternative approach I suggested previously is to use CSS rules. They can further be customized by including the table wrapping the view and its respective class (e.g -  "k-scheduler-monthview").

    Regards,
    Alexander Popov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Kyle
    Kyle avatar
    3 posts
    Member since:
    Feb 2016

    Posted 18 Mar in reply to Alexander Popov Link to this post

    Thanks; that's what I ended up doing.

    .k-scheduler-monthview .k-scheduler-table td {
            height: 125px !important;
          }

Back to Top
Kendo UI is VS 2017 Ready