Appointment section (Gray Box) is not completely displayed, what is the solution?
PFA the red marked area in the attachment.
Thanks,
Navya
7 Answers, 1 is accepted
Could you please provide a live URL where we will be able to observe and debug the problem?
Best wishes,
Simon
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
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>
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
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
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
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:
.rsApt
{
width
:
100%
!important
;
}
Regards,
Peter
the Telerik team
Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>
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
You can achieve this with multiple instances of RadScheduler.
Kind regards,
Peter
the Telerik team
Thank you for being the most amazing .NET community! Your unfailing support is what helps us charge forward! We'd appreciate your vote for Telerik in this year's DevProConnections Awards. We are competing in mind-blowing 20 categories and every vote counts! VOTE for Telerik NOW >>