Hi,

Appointment section (Gray Box) is not completely displayed, what is the solution?
PFA the red marked area in the attachment.

Thanks,
Navya

Hi Navya,

Could you please provide a live URL where we will be able to observe and debug the problem?

Best wishes,
Simon
the Telerik team

Hi,
Currently we are developing a web app where in we are using scheduler control. The application is in development phase.
Below is the scheduler control part in .aspx page. Pls check and let me know if I am missing out something.

Thanks,
Navya

<

 

 

telerik:RadScheduler runat="server" ID="AppointmentRadScheduler" Skin="WebBlue"

 

 

 

Height="551px" ShowFooter="false" SelectedView="MonthView" TimeZoneOffset="03:00:00"

 

 

 

DayStartTime="08:00:00" DayEndTime="21:00:00" FirstDayOfWeek="Sunday" LastDayOfWeek="Saturday"

 

 

 

EnableDescriptionField="true" AppointmentStyleMode="Default" EnableDatePicker="true"

 

 

 

OnNavigationComplete="AppointmentRadScheduler_NavigationComplete" OnAppointmentCreated="AppointmentRadScheduler_AppointmentCreated"

 

 

 

OnAppointmentDataBound="AppointmentRadScheduler_AppointmentDataBound" OnAppointmentDelete="AppointmentRadScheduler_AppointmentDelete"

 

 

 

OnAppointmentUpdate="AppointmentRadScheduler_AppointmentUpdate" OnAppointmentInsert="AppointmentRadScheduler_AppointmentInsert"

 

 

 

Localization-ContextMenuAddAppointment="Add Appointment"

 

 

 

OnTimeSlotCreated="AppointmentRadScheduler_TimeSlotCreated" AllowEdit="true"

 

 

 

DataKeyField="Key" DataStartField="StartDate" DataEndField="EndDate" DataSubjectField="Subject"

 

 

 

MinutesPerRow="10" TimeLabelRowSpan="1" OnClientAppointmentDoubleClick="OnClientAppointmentDoubleClick" OnClientAppointmentInserting="OnClientAppointmentInserting"

 

 

 

OnFormCreating="AppointmentRadScheduler_FormCreating" NumberOfHoveredRows="1" Localization-Show24Hours="true" ShowFullTime="true" >

 

 

 

<AdvancedEditTemplate>

 

 

 

</AdvancedEditTemplate>

 

 

 

<TimelineView UserSelectable="false" />

 

 

 

<TimeSlotContextMenuSettings EnableDefault="false" />

 

 

 

<TimeSlotContextMenus>

 

 

 

<telerik:RadSchedulerContextMenu ID="SchedulerTimeSlotContextMenu" runat="server"

 

 

 

Skin="WebBlue" CssClass="SchedulerRadContextMenu">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem>

 

 

 

<ItemTemplate>

 

 

 

<asp:LinkButton runat="server" OnClientClick="OpenTopRadWin('CreateEditTransferAppointmentPopup.aspx','CreateEditTransferAppointmentPopup');"

 

 

 

Text="NewAppointment"> </asp:LinkButton></ItemTemplate>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem>

 

 

 

<ItemTemplate>

 

 

 

<asp:LinkButton runat="server" OnClientClick="OpenTopRadWin('BlockAppointmentPopup.aspx','BlockAppointmentPopup');"

 

 

 

Text="Block"> </asp:LinkButton></ItemTemplate>

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadSchedulerContextMenu>

 

 

 

</TimeSlotContextMenus>

 

 

 

<AppointmentContextMenuSettings EnableDefault="false" Skin="WebBlue" />

 

 

 

<AppointmentContextMenus>

 

 

 

<telerik:RadSchedulerContextMenu ID="SchedulerAppointmentContextMenu" runat="server"

 

 

 

Skin="WebBlue" CssClass="SchedulerRadContextMenu">

 

 

 

<Items>

 

 

 

<telerik:RadMenuItem>

 

 

 

<ItemTemplate>

 

 

 

<asp:LinkButton ID="EditAppointmentLinkButton" runat="server" OnClientClick="OpenTopRadWin('CreateEditTransferAppointmentPopup.aspx','CreateEditTransferAppointmentPopup');"

 

 

 

Text="Edit Appointment"> </asp:LinkButton></ItemTemplate>

 

 

 

</telerik:RadMenuItem>

 

 

 

<telerik:RadMenuItem>

 

 

 

<ItemTemplate>

 

 

 

<asp:LinkButton ID="CancelAppointmentLinkButton" runat="server" OnClientClick="OpenTopRadWin('CancelAppointmentPopup.aspx','CancelAppointmentPopup');"

 

 

 

Text="Cancel Appointment"> </asp:LinkButton></ItemTemplate>

 

 

 

</telerik:RadMenuItem>

 

 

 

</Items>

 

 

 

</telerik:RadSchedulerContextMenu>

 

 

 

</AppointmentContextMenus>

 

 

 

<AdvancedForm Modal="true" />

 

 

 

</telerik:RadScheduler>

 

Hello Navya,

Thank you for pasting the code.

However it is not enough because this is a styling issue and we need also all of the CSS that may be on the page. This is why we need a live URL. In case you do not have any custom CSS, can you please try and reproduce the issue in our online demos?

Additionally which is the version of the browser in which you reproduce the issue?


Kind regards,
Simon
the Telerik team

Hi,

I could notice the same incomplete occupation thing under the link http://demos.telerik.com/aspnet-ajax/scheduler/examples/outlook2007/defaultcs.aspx provided by telerik.
PFA the screeshot, please check the red marked area, it would be great if you can tell me the reason why the first two appoiontments(green and pink) occupied whole row where as Dentist appointment (blue one) is not occupying the whole row.

I am using IE 8.0 version.

Thanks,
Navya

Hi Navya,

This behavior is by design to allow space for the use to double click in the empty space and create a new appointment in the same time slot of the existing appointment. If you know for sure that there will be only one appointment per time slot, then you can use the following css:



Regards,
Peter
the Telerik team

Thank you.

Currently my scheduler displays the appointments from different appointment books in one window(box) but with different colors. I like to show appointments of each appointment book in different windows adjuscent to each other like in outlook calendar.

PFA the screenshots, Please suggest.

Thanks,
Navya

Hi Navya,

You can achieve this with multiple instances of RadScheduler.

Kind regards,
Peter
the Telerik team