This is a migrated thread and some comments may be shown as answers.

Align vertically same resources in week view

6 Answers 180 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Matt Dufrasne
Top achievements
Rank 1
Matt Dufrasne asked on 14 Sep 2016, 07:12 PM

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

6 Answers, 1 is accepted

Sort by
0
Veselin Tsvetanov
Telerik team
answered on 16 Sep 2016, 11:34 AM
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.
 
0
Matt Dufrasne
Top achievements
Rank 1
answered on 16 Sep 2016, 03:43 PM

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.

0
Veselin Tsvetanov
Telerik team
answered on 17 Sep 2016, 03:12 PM
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.
 
0
Matt Dufrasne
Top achievements
Rank 1
answered on 19 Sep 2016, 06:23 AM

Thanks Veselin.

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

0
Matt Dufrasne
Top achievements
Rank 1
answered on 20 Sep 2016, 04:31 AM

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.

0
Peter Milchev
Telerik team
answered on 20 Sep 2016, 02:39 PM
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.
 
Tags
Scheduler
Asked by
Matt Dufrasne
Top achievements
Rank 1
Answers by
Veselin Tsvetanov
Telerik team
Matt Dufrasne
Top achievements
Rank 1
Peter Milchev
Telerik team
Share this question
or