Align vertically same resources in week view

[Matt Dufrasne]

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"
                        }
                    }
                ],

[Veselin Tsvetanov]

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

 

 

[Matt Dufrasne]

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.

[Veselin Tsvetanov]

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

 

 

[Matt Dufrasne]

Thanks Veselin.

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

[Matt Dufrasne]

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.

[Peter Milchev]

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