Align vertically same resources in week view

7 posts, 0 answers
  1. Matt Dufrasne
    Matt Dufrasne avatar
    23 posts
    Member since:
    Aug 2009

    Posted 14 Sep Link to this post

    Is it possible to disallow resources shifting columns in the "week" view of scheduler. I've tried grouping in the week view as well but it didn't grouped the reservations based on configurations. Also it added configurations name in the Y axis along with time on y-axis i.e per configuration with 24 hours time in y-axis.

    The week view should have y-axis as 24 hour time and x-axis as 7 days range (which works fine but need vertical alignment for the same configuration reservations)

    Green reservations should come in one column, and same should apply for red and yellow in attached file.

    views: [

                        {
                            type: "day"
                        }, {
                            type: "week",
                            selected: true,
                            group: {
                                resources: ["Configurations"],
                                orientation: "vertical"
                            }
                        }, {
                            type: "agenda",
                            eventTemplate: $(reservationAgendaTemplate).html()
                        },
                        {
                            type: "timelineWeek",
                            columnWidth: 100,
                            majorTick: 1440,
                            group: {
                                resources: ["Configurations"],
                                orientation: "vertical"
                            }
                        }
                    ],

  2. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    278 posts

    Posted 16 Sep Link to this post

    Hi Matt,

    I am afraid I am not quite sure, what do you mean by "disallow resources shifting columns". If you need to group by resource, in your case by Configurations, you could easily do that by applying exactly the same configuration as you specified in your post. I would like to ask you to explain a bit clearer your requirements having as a starting point the following Dojo demo.

    Regards,
    Veselin Tsvetanov
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  3. Kendo UI is VS 2017 Ready
  4. Matt Dufrasne
    Matt Dufrasne avatar
    23 posts
    Member since:
    Aug 2009

    Posted 16 Sep in reply to Veselin Tsvetanov Link to this post

    I meant that the similar color configuration reservations (stated as columns in first query) for a day should align vertically.

    If you see attached file, The rightmost green columns shift over two, the reddish column shifts left by one, and the tan column shifts left by one. It would be easier to read if the configuration reservations for a day didn't shift.

  5. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    278 posts

    Posted 17 Sep Link to this post

    Hi Matt,

    If I understand correctly, you have, lets say, three types of ​Configurations - Green, Red and Tan. You want to display the appointments (events) for each configuration in Week view and you want to display appointments in the same day column. However, you need to arrange all the Green configs in one column, the reds in another and the Tans in third.

    If this is your scenario, you could use the Date grouping option of the Scheduler control. Note that this functionality is available starting from our latest release (2016.3 914). You could review a simple demo demonstrating this scenario here and on our Demos site.

    If the above is not your required scenario, I would like to ask you to clarify a bit, so we will be able to further assist you on this matter.

    Regards,
    Veselin Tsvetanov
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
  6. Matt Dufrasne
    Matt Dufrasne avatar
    23 posts
    Member since:
    Aug 2009

    Posted 19 Sep Link to this post

    Thanks Veselin.

    Yeah, that's the scenario. Good to know about date grouping. I'll try with latest release. 

  7. Matt Dufrasne
    Matt Dufrasne avatar
    23 posts
    Member since:
    Aug 2009

    Posted 19 Sep Link to this post

    Hi Veselin,

    If there are 30 configurations available for the appointment, and 10 of them are booked for a day, it will make 10 vertical columns for a day. Can't we hide the horizontal meeting room row since its hardly visible(in my case configurations would always be ~10) and eventually it will lead to confusion when the no of rooms booked for a day increases.

    If we are able to hide the horizontal room row (please see attached file), we'll have only vertical aligned configuration reservations column which still makes things clearer and readable.

  8. Peter Milchev
    Admin
    Peter Milchev avatar
    135 posts

    Posted 20 Sep Link to this post

    Hello Matt,

    I am afraid that I am not sure what exactly is the desired result. Nevertheless, my guess is that enabling horizontal scrolling would solve your problem with the multiple rooms as shown in this forum thread and this Dojo example. Here are the styles needed for enabling the vertical scroll:

    <style>
        .k-scheduler-layout {
            table-layout: fixed;
        }
     
            .k-scheduler-layout > tbody > tr > td:first-child {
                width: 80px;
            }
     
        .k-scheduler-content .k-scheduler-table,
        .k-scheduler-header .k-scheduler-table {
            width: 8000px;
        }
    </style>

    If that does not help, would you please provide more details on the desired result? Also providing screenshots or running Dojo example with the current implementation would be greatly appreciated.

    Regards,
    Peter Milchev
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
Back to Top
Kendo UI is VS 2017 Ready