RadScheduler is always minimized in Internet Explorer

4 posts, 0 answers
  1. Robert
    Robert avatar
    2 posts
    Member since:
    Mar 2012

    Posted 05 Mar 2012 Link to this post

    I've implemented RadScheduler in our website.  In IE browsers (7, 8, and 9) only the header is shown when the page is first displayed.  You have to click on the header in order to view the whole month.

    I can set the "overflowbehavior" to "expanded" and it will display fully, but it expands past the boundaries for the size of the control that we want on the page.  

    The control displays just fine in Chrome and Firefox w/o the overflowbehaviour value being set, but it will not display correctly in IE.

    Is this a known issue with the control or is there anyway around it?
  2. Plamen
    Admin
    Plamen avatar
    3074 posts

    Posted 08 Mar 2012 Link to this post

    Hello Robert,

     
    We are not aware of such behavior in RadScheduler. I could not observe it in any of our Demos as well. It sounds like an issue that is invoked by some additional custom code.

    Would you please post all the code that is related to RadScheduler and reproduces the problem so we can observe it locally?  

    Kind regards,
    Plamen Zdravkov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Robert
    Robert avatar
    2 posts
    Member since:
    Mar 2012

    Posted 08 Mar 2012 Link to this post

    Thank you for looking at this.  Below is a snippet of code that renders the calendar.

    We aren't doing any custom coding, unless you count the styles that we are trying to set for the sizes.

    In addition to the code, I've attached a screen shot of what it looks like in IE when first displayed.

    Please let me know if I can provide any additional info.

    <
    style type="text/css"
         .rsMonthView .rsWrap 
         
            height: 50px !important;     
         
         .rsMonthView .rsDateWrap 
         
            height: 24px !important; 
         
         .rsMonthView .rsLastWrap  
         
            height: 24px !important; 
         
         .rsMonthView .rsApt 
         
            height: 48px !important; 
         
        </style>
     
        <div style="float:left;width:49%;">
            <asp:Panel ID="pnlCalendar" runat="server">       
                <asp:HiddenField ID="hdnUserID" runat="server" />
                <asp:HiddenField ID="hdnExamEnrollmentID" runat="server" />
                <asp:HiddenField ID="hdnProductID" runat="server" />
                <asp:HiddenField ID="hdnSKUID" runat="server" />
     
                <telerik:RadScheduler ID="rsScheduler" runat="server" Skin="Windows7"
                    Width="340px" height="340px" DataDescriptionField="Description"
                    DataEndField="AppointmentEnd" DataKeyField="AppointmentID"
                    DataSourceID="SqlDataSource1" DataStartField="AppointmentStart"
                    DataSubjectField="Subject" EnableDescriptionField="True" SelectedView="MonthView" TimelineView-UserSelectable="false" >
                </telerik:RadScheduler>
                <asp:SqlDataSource ID="SqlDataSource1" runat="server"
                    ConnectionString="<%$ ConnectionStrings:Knopman %>"
                    DeleteCommand="DELETE FROM [Appointments] WHERE [AppointmentID] = @AppointmentID"
                    InsertCommand="INSERT INTO [Appointments] ([Subject], [UserID], [AppointmentStart], [AppointmentEnd], [Description], [ExamEnrollmentID]) VALUES (@Subject, @UserID, @AppointmentStart, @AppointmentEnd, @Description, @ExamEnrollmentID)"
                    SelectCommand="SELECT * FROM [Appointments] WHERE (([UserID] = @UserID) AND ([ExamEnrollmentID] = @ExamEnrollmentID))"            
                    UpdateCommand="UPDATE [Appointments] SET [Subject] = @Subject, [UserID] = @UserID, [AppointmentStart] = @AppointmentStart, [AppointmentEnd] = @AppointmentEnd, [Description] = @Description, [ExamEnrollmentID] = @ExamEnrollmentID WHERE [AppointmentID] = @AppointmentID">
                    <DeleteParameters>
                        <asp:Parameter Name="AppointmentID" Type="Int32" />
                    </DeleteParameters>
                    <InsertParameters>
                        <asp:Parameter Name="Subject" Type="String" />
                        <asp:Parameter Name="AppointmentStart" Type="DateTime" />
                        <asp:Parameter Name="AppointmentEnd" Type="DateTime" />
                        <asp:Parameter Name="Description" Type="String" />
                        <asp:ControlParameter ControlID="hdnUserID" Name="UserID" PropertyName="Value" Type="Int32" />
                        <asp:ControlParameter ControlID="hdnExamEnrollmentID" DefaultValue="NULL" Name="ExamEnrollmentID" PropertyName="Value" Type="Int32" />
                    </InsertParameters>
                    <UpdateParameters>
                        <asp:Parameter Name="Subject" Type="String" />
                        <asp:Parameter Name="AppointmentStart" Type="DateTime" />
                        <asp:Parameter Name="AppointmentEnd" Type="DateTime" />
                        <asp:Parameter Name="Description" Type="String" />
                        <asp:Parameter Name="AppointmentID" Type="Int32" />
                        <asp:ControlParameter ControlID="hdnUserID" Name="UserID" PropertyName="Value" Type="Int32" />
                        <asp:ControlParameter ControlID="hdnExamEnrollmentID" DefaultValue="NULL" Name="ExamEnrollmentID" PropertyName="Value" Type="Int32" />
                    </UpdateParameters>
                    <SelectParameters>
                        <asp:ControlParameter ControlID="hdnUserID" Name="UserID" PropertyName="Value" Type="Int32" />
                        <asp:ControlParameter ControlID="hdnExamEnrollmentID" DefaultValue="NULL" Name="ExamEnrollmentID" PropertyName="Value" Type="Int32" />
                    </SelectParameters>
                </asp:SqlDataSource>
            </asp:Panel>
    </div>
  4. Plamen
    Admin
    Plamen avatar
    3074 posts

    Posted 13 Mar 2012 Link to this post

    Hello Robert,

     
    I have reviewed the code that you posted and created a sample web page that is based on it but unfortunately could not observe the same behavior. I am attaching my test project. Please review it and let me know what other code should I add to it in order to reproduce the same behavior as in your page.

    All the best,
    Plamen Zdravkov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top