[Solved] Disappearing Recurrence Pattern Data

[antonio]

Hello,

I have implemented RadScheduler in our application, and had noticed a very strange behavior while inserting/editing the series of an appointment.  I checked the 'Recurring Appointment' checkbox, then selected a recurrence type, like 'Weekly', chose the day of  the week, and then selected 'End after' certain number of occurrences.  Everything shows OK until I hover over the textbox next to the 'End by this date' radio-button, or by any of the date or time fields, when the recurrence information disappears.

This is the tag of my RadScheduler control:

<telerik:radscheduler id="RadScheduler1" runat="server" skin="Outlook" OverflowBehavior="Expand"
OnClientAppointmentContextMenu="appointmentContextMenu" OnFormCreated="RadScheduler1_FormCreated"
 OnClientAppointmentDeleting="Client_AppointmentBeforeDelete"
 OnClientAppointmentInserting="Client_AppointmentBeforeInsert" 
 OnClientAppointmentEditing="Client_AppointmentBeforeUpdate"
 OnClientAppointmentMoveEnd="Client_AppointmentAfterDrop"
 OnClientAppointmentResizing="appointmentResizing"
 OnClientAppointmentResizeEnd="Client_AppointmentAfterResizing"
 OnClientFormCreated="Client_AfterFormRender"
DataKeyField="ID" DataEndField = "End"
DataRecurrenceField = "RecurrenceRule" DataRecurrenceParentKeyField = "RecurrenceParentID"
DataStartField = "Start" DataSubjectField = "Subject" StartInsertingInAdvancedForm="true"
StartEditingInAdvancedForm="true" >
<AppointmentTemplate><asp:Panel id="cellBackground" runat="server" Font-Bold="false" Font-Size="Smaller" ><asp:Image ID="recurrenceIcon" runat="server" /><%# Eval("Subject") %><asp:Image ID="harmonyIcon" runat="server" /></asp:Panel>
</AppointmentTemplate><TimelineView UserSelectable="false" />
</telerik:radscheduler>

Any help would be appreciated.

Thanks,

Antonio

[T. Tsonev]

Hi,

This is very strange problem indeed. I suspect that this is a browser-related problem. Can you give us more details about the exact scenario? Does the problem happen under both IE and Firefox?

It will be great if you can send us the page that you are working on, so we can debug the problem locally.

All the best,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[antonio]

Hello,

The problem apparently is browser related since I could not reproduce it in Firefox; however, our company does not support Firefox so it has to work with IE.  By the way, we tested this on IE 6 SP2.

I suspect there's something related to the CSS or a hover event on your textboxes, which makes that recurrence pattern dissapear.  I also tested the monthly recurrence pattern, and in this case only the labels disappeared but not the dropdowns.

Here's a s much as I can give you in terms of source code since the rest of the stuff (javascripts and code-behind) is copyrighted.  As I mentioned, we use a dynamic datasource, and everything other than this problem is working correctly.

<telerik:RadScriptBlock><script>COPYRIGHTED CODE</script></telerik:RadScriptBlock>

<telerik:RadContextMenu runat="server" ID="SchedulerAppointmentContextMenu" Skin="Vista"
            OnClientItemClicked="appointmentContextMenuItemClicked" >
            <Items>
                <telerik:RadMenuItem Text="Go To Detail" Value="AlertGotodetail" />
                <telerik:RadMenuItem Text="Go To Detail (Series)" Value="AlertGotoSeries" />
                <telerik:RadMenuItem Text="Go TO Parent" Value="AlertGotoparent" />
            </Items>
        </telerik:RadContextMenu>

<telerik:radscheduler id="RadScheduler1" runat="server" skin="Outlook" OverflowBehavior="Expand"
OnClientAppointmentContextMenu="appointmentContextMenu" OnFormCreated="RadScheduler1_FormCreated"
 OnClientAppointmentDeleting="Client_AppointmentBeforeDelete"
 OnClientAppointmentInserting="Client_AppointmentBeforeInsert" 
 OnClientAppointmentEditing="Client_AppointmentBeforeUpdate"
DataKeyField="ID" DataEndField = "End"
DataRecurrenceField = "RecurrenceRule" DataRecurrenceParentKeyField = "RecurrenceParentID"
DataStartField = "Start" DataSubjectField = "Subject" StartInsertingInAdvancedForm="true"
StartEditingInAdvancedForm="true" >
<AppointmentTemplate><asp:Panel id="cellBackground" runat="server" Font-Bold="false" Font-Size="Smaller" ><asp:Image ID="recurrenceIcon" runat="server" /><%# Eval("Subject") %><asp:Image ID="harmonyIcon" runat="server" /></asp:Panel>
</AppointmentTemplate><TimelineView UserSelectable="false" />
</telerik:radscheduler>

Thanks.

[T. Tsonev]

Hi,

This is a known issue with IE6. Unfortunately, fixing it is a trial and error process. This can be done by turning the layout of some elements, but usually the fix itself depends on the particular page in question.

Try adding this style to your page:

<style type="text/css">
    .rsAdvRecurrenceRangePanel
    {
        zoom: 1;
    }
</style>

This might help, but if it does not, you will need to send as a minimal page that demonstrates the issue. You can start by removing all irrelevant code and controls from your page. Ideally, you should leave only RadScheduler on the page, but leave the basic HTML structure intact.

Best wishes,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[antonio]

Hello Tsvetomir,

Here's what I've found out.  The disappearing of the recurrence pattern does not happen in a simple stand-alone project, so I assume it's something that our application is doing that produces this behavior.  Since the RadScheduler is in a control, and our pages are dynamically rendered, I decided to add a special CSS file using javascript.  Here's the code I added to the top of telerik:RadScriptBlock:

var fileref=document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", "Telerik_Special1.css");
document.getElementsByTagName("head")[0].appendChild(fileref); 

and this is the contents of Telerik_Special1:

.rsAdvRecurrenceRangePanel 
    {
        zoom: 1; 
    } 

It's still doesn't work.  I wonder if I'm loading this CSS correctly.

Thanks,

Antonio.

[Atanas Korchev]

Hi antonio,

Maybe some CSS rule from your web site is causing this behavior. Internet Explorer is notorious for such "quirks". I am not sure however that adding the CSS with JavaScript could fix the problem. Could you please try adding the aforementioned CSS rule in a CSS file which is registered in your web page? Also you can try modifying the rule like this:


.rsAdvRecurrenceRangePanel, .rsAdvRecurrenceRangePanel *
  {
        zoom: 1; 
    } 


You can find lots of additional info about this IE problem in this page.

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center