Is there way to set scheduler timeline appointments to one row

1 Answer 28 Views
Top achievements
Rank 1
Harri asked on 09 Jun 2021, 10:36 AM


I have RadScheduler with timeline as selected view. It works other well but when appointments are first ending and second starting at same time, it make two rows. Is there any possibility to get those to same row (and create second row only when appointments are over each others)? Times are not over to each other so I think those should be in one row and when appointment end and start is exactly same time with slot time period those might be in same row. See picture what my situation is now.

Here is Scheduler aspx snipped (code behind has tooltip generation in OnAppointmentDataBound) which is quite directly from your demo, only datasources and fields from there are changed (and done own styles to try change colors and font).

        <telerik:RadScheduler RenderMode="Lightweight" runat="server" ID="RadScheduler1" SelectedView="TimelineView" 
            SelectedDate="2021-05-01" DayStartTime="00:00:00" DayEndTime="23:59:59" Height="100%" Width="100%" RowHeight="60" 
            DataSourceID="SqlSSAK" DataKeyField="ID" DataSubjectField="NIMIKE" DataStartField="ALKUAIKA" DataEndField="LOPPUAIKA"
            Localization-HeaderMultiDay="Work Week" GroupingDirection="Vertical" GroupBy="SakKoneNimi" 
            OverflowBehavior="Scroll" ShowFullTime="True" StartInsertingInAdvancedForm="True"
            OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" >
            <AdvancedForm Modal="true"></AdvancedForm>    
                <telerik:ResourceType KeyField="SakKoneID" Name="SakKoneNimi" TextField="SakKoneNimi" ForeignKeyField="SakKoneID" DataSourceID="sqlSakitysKoneet"></telerik:ResourceType>
                <telerik:ResourceStyleMapping Type="SakKoneNimi" Text="SSAK1" ApplyCssClass="SSAK1Style"></telerik:ResourceStyleMapping>
                <telerik:ResourceStyleMapping Type="SakKoneNimi" Text="SSAK2" ApplyCssClass="SSAK2Style"></telerik:ResourceStyleMapping>
            <TimelineView UserSelectable="false" NumberOfSlots="288" SlotDuration="0.00:15:00" TimeLabelSpan="24" ColumnHeaderDateFormat="dd.MM HH" 
                SortingMode="Global" ShowInsertArea="False" ReadOnly="False"></TimelineView>
            <MultiDayView UserSelectable="false"></MultiDayView>
            <DayView UserSelectable="false"></DayView>
            <WeekView UserSelectable="false"></WeekView>
            <MonthView UserSelectable="false"></MonthView>
            <TimeSlotContextMenuSettings EnableDefault="true"></TimeSlotContextMenuSettings>
            <AppointmentContextMenuSettings EnableDefault="true"></AppointmentContextMenuSettings>



1 Answer, 1 is accepted

Sort by
Peter Milchev
Telerik team
answered on 14 Jun 2021, 09:27 AM | edited on 14 Jun 2021, 01:08 PM

Hello Harri,

The appointments are expected to go one under the other when the two appointments are sharing a column. 

If you want to avoid that, you should use the EnableExactTimeRendering="true" property. It will shrink the appointments to occupy only part of the shared column, allowing the other appointments to fit on the same row, if their start/end times do not overlap.

Peter Milchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Top achievements
Rank 1
commented on 14 Jun 2021, 10:05 AM


I was just not able to find that right property with my multiple different searches.

Asked by
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Share this question