Special view

[Christie Admin]

Hi,

I'm a little bit confused and I need help to select the proper conponent for what I'm trying to do... Image enclosed...

Thank's
Alain

[Kalin]

Hi Alain,

It looks like the desired appearance can be achieved using the ScheduleView. So if you could give us some more details on the exact requirements we will point you to the right direction for the correct implementation. Any additional information is appreciated.

I'm looking forward to you response.

Regards,
Kalin
Telerik

[Christie Admin]

Hi Kalin,

I need to represent from a starting date, for the next 10 weeks, all available free spots (AM/PM/Evening) for each deay of the week (with or without the weekend).

As shown on the picture in the  initial post, I need to display on the Y-Axis the days of the week (with or without the weekend) and on the X-Axis, I need 10 extras columns representing consecutive weeks. In each cells, I need to know how many free spots I have in AM/PM and Evening.

Thank's
Alain

[Kalin]

Hi Alain,

You should be able to achieve the desired scenario by using a TimelineViewDefinition with the GroupTickLength configured to show the required date intervals on the top. As for the days of the week on the left side - in the current implementation of the ScheduleView is not possible to have days on the top as well as somewhere else. So what I can suggest that you use ScheduleView Resources instead (named as the days of the week) and add the required Resource to the Appointment which should appear in that day. The Appointments themselves can by styled in order to look the desired way - please check Appointment Style and Appointment Template articles from our documentation.

Hope this helps.

Regards,
Kalin
Telerik

[Christie Admin]

Hi Kalin,

during I was waiting for your reply, I was looking to the GanttView control... Do you still suggest using the Timeline control??? If so, is it possible to have a small demo :)

Thank's
Alain

[Kalin]

Hello Alain,

For the desired scenario you should be able to modify the ScheduleView as required. The GanttView control is designed for managing project planning data - it also has a TimeRuler at the top, but on the left there is a collection with specific tasks. As for the demo, currently we cannot provide such an example demonstrating that specific case. However you can check our ScheduleView WPF demos on the this link and particularly the examples named as follows: Appointment Template, Appointment Style and Configurator (go in TimelineViewDefinition and change the Timeruler Group Thick Length on the left). You can also check the Group Header Template in TimelineViewDefiniton to see Resources on the left which can be modified to appear as the days of the week.

Hope this will point you to the right direction. If you have any further question or issues with the implementation, let us know.

Regards,
Kalin
Telerik

[Christie Admin]

Hi Kalin,

I almost done what I want to do and thank's for your help :) I have only 2 issues at this moment...

1. On the X-Axis, I have 10 columns representing 10 weeks. The Y-Axis represent each day of the week. For monday of the first week, I want to have 3 spots, AM/PM/Evening that cover the full length the the space.

2. I want to remove or not the weeking from my column date range

Thank's
Alain

[Kalin]

Hello Alain,

For the first question - I'm not sure if I'm understanding you correctly. If you need to split every day of the week into three more sections, you can easily do that by adding another ResourceType with AM, PM and Evening as Resources. Please check the following code snippet:

<telerik:RadScheduleView x:Name="ScheduleView">
    <telerik:RadScheduleView.ViewDefinitions>
        ...
    </telerik:RadScheduleView.ViewDefinitions>
    <telerik:RadScheduleView.ResourceTypesSource>
        <telerik:ResourceTypeCollection>
            <telerik:ResourceType Name="DaysOfTheWeek">
                <telerik:Resource ResourceName="Mon" />
                <telerik:Resource ResourceName="Tue" />
                <telerik:Resource ResourceName="Wed" />
                <telerik:Resource ResourceName="Thu" />
                <telerik:Resource ResourceName="Fri" />
                <telerik:Resource ResourceName="Sat" />
                <telerik:Resource ResourceName="Sun" />
            </telerik:ResourceType>
            <telerik:ResourceType Name="TimeOfTheDay">
                <telerik:Resource ResourceName="AM" />
                <telerik:Resource ResourceName="PM" />
                <telerik:Resource ResourceName="Evening" />
            </telerik:ResourceType>
        </telerik:ResourceTypeCollection>
    </telerik:RadScheduleView.ResourceTypesSource>
    <telerik:RadScheduleView.GroupDescriptionsSource>
        <telerik:GroupDescriptionCollection>
            <telerik:ResourceGroupDescription ResourceType="DaysOfTheWeek" />
            <telerik:ResourceGroupDescription ResourceType="TimeOfTheDay" />
        </telerik:GroupDescriptionCollection>
    </telerik:RadScheduleView.GroupDescriptionsSource>
</telerik:RadScheduleView>

As for the second question I'm not sure what exactly do you mean? Could you please give me some more details and/or screen shot?

I'm looking forward to hearing from you.

Regards,
Kalin
Telerik

[Christie Admin]

Hi Kalin,

1st question: Solved :)

2nd question : On the Y-Axis I have monday to friday and each day is separeted by AM/PM/Evening. On the X-Axis, I need 10 columns representing the date of each monday.


Thank's
Alain

[Kalin]

Hello Alain,

What you can do in this case is to set the CurrentDate of the ScheduleView to the required first Monday of the visible range. And after that to define the TimelineViewDefinition the following way:

<telerik:TimelineViewDefinition GroupTickLength="7days"
                                MajorTickLength="7days"
                                MinorTickLength="7days"
                                VisibleDays="70" />

However this will show the start and end time of every column, not only the Monday. If you need to show only the dates of the Mondays you will need to implement custom TimeRulerItemTemplateSelector which changes the string to the desired. I have prepared a sample project which demonstrates the approach - I have used a ValueConverter in order to convert the GroupItem string.

Hope this helps.

Regards,
Kalin
Telerik

[Christie Admin]

Hi Kalin,

thank's Kalin you helping me so much :)

One question I have is, on the x-axis now, I can see the first day of the week, monday but in reality, each column represent 7 days. As you can see in my approach, If I add an appointment in the control for monday example, should the object will cover the the cell width or it will covert only 1/7 of the width?!?

Thank's
Alain

[Kalin]

Hi Alain,

If the duration of the Appointment is only one day it will cover only 1/7 of the width. That's why you will need to add Appointments with duration of one week and assign them a Resource which will represent the day of the targeted week, so the Appointment can go the correct row.

Hope this helps.

Regards,
Kalin
Telerik

[Christie Admin]

Hi Kalin,

ajusting the duration using the recurrence rule pattern I guess?

Thank's
Alain

[Kalin]

Hello Alain,

If you are adding the appointments in the code you should manually set their duration to the required. As for the case when the users are adding Appointments, you can remove the fields with the Start and End time from the EditAppointmentDialog and the Appointment will automatically have the whole week duration.

Hope this answers your question.

Regards,
Kalin
Telerik