I have a project setup with 5 tabs and 5 page views setup with scroll bars. In IE 8 (not in
Compatibility mode) when you click outside the pageview scroll bars IE 8 crashes. Chromes, FireFox, IE7 are all fine. Any suggestions
<body> <div id="main" style="width: 100%; height: 100%;"> <div id="content"> <form id="frmSurveyManager" runat="server" style="height:90%;"> <div id="header"> <div id="logo"> <img src="Images/logo.gif" alt="" /> <div id="headerbtn"> <asp:Button ID="btnInstructions" runat="server" Text="Instructions" onclick="btnInstructions_Click"/> <asp:Button ID="btnSubmitSurvey" runat="server" Text="Submit Survey" onclick="btnCloseSurvey_Click"/> <asp:Button ID="btnExit" runat="server" Text="Close Survey" OnClientClick="javaScript:window.close(); return false;" /> </div> </div> </div> <telerik:RadScriptManager ID="radScriptManager" Runat="server"> </telerik:RadScriptManager> <telerik:RadAjaxManager ID="radAjaxManager" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="radAjaxManager"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="radMultiPage" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="tabStrip"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="tabStrip" /> <telerik:AjaxUpdatedControl ControlID="radMultiPage" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="radMultiPage"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="radMultiPage" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadTabStrip ID="tabStrip" runat="server" Width="100%" MultiPageID="radMultiPage" Skin="Windows7" AutoPostBack="True" ontabclick="tabStrip_TabClick" SelectedIndex="0"> <Tabs> <telerik:RadTab runat="server" PageViewID="PageViewHeader" Text="My General Info" Selected="true" > </telerik:RadTab> <telerik:RadTab runat="server" PageViewID="PageViewDefault" Text="My Survey"> </telerik:RadTab> <telerik:RadTab runat="server" PageViewID="pageViewNewJob" Text="Add A New Job"> </telerik:RadTab> <telerik:RadTab runat="server" PageViewID="pageViewAll" Text="View My Jobs"> </telerik:RadTab> <%-- <telerik:RadTab runat="server" PageViewID="PageViewReport" Text="View Report"> </telerik:RadTab>--%> <telerik:RadTab runat="server" PageViewID="ViewJobsPacket" Text="View Jobs Packet"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage ID="radMultiPage" Runat="server" SelectedIndex="3" RenderSelectedPageOnly="true" ScrollBars="Auto"> <telerik:RadPageView ID="PageViewDefault" runat="server" Width="100%"> <iframe src="SurveyGrid.aspx" onload="fillscreen('SurveyFrame')" scrolling="yes" frameborder="1" id="SurveyFrame" name="SurveyFrame" height="80%" marginheight="0 0 20px 0;"></iframe> </telerik:RadPageView> <telerik:RadPageView ID="pageViewNewJob" runat="server"> <iframe src="NewJob.aspx" onload="fillscreen('NewJobFrame')" scrolling="yes" frameborder="0" id="NewJobFrame" name="NewJobFrame" height="80%" marginheight="0 0 20px 0;"></iframe> </telerik:RadPageView> <telerik:RadPageView ID="pageViewAll" runat="server"> <iframe src="ViewAll.aspx" onload="fillscreen('ViewAllFrame')" scrolling="yes" frameborder="0" id="ViewAllFrame" name="ViewAllFrame" height="80%" marginheight="0 0 20px 0;"></iframe> </telerik:RadPageView> <telerik:RadPageView ID="pageViewHeader" runat="server"> <iframe src="SurveyHeader.aspx" onload="fillscreen('ViewHeaderFrame')" scrolling="yes" frameborder="0" id="ViewHeaderFrame" name="ViewHeaderFrame" height="80%" marginheight="0 0 20px 0;"></iframe> </telerik:RadPageView> <telerik:RadPageView ID="PageViewReport" runat="server"> <iframe src="ViewReports.aspx" onload="fillscreen('ViewReportFrame')" scrolling="yes" frameborder="0" id="ViewReportFrame" name="ViewReportFrame" height="80%" marginheight="0 0 20px 0;"></iframe> </telerik:RadPageView> <telerik:RadPageView ID="ViewJobsPacket" runat="server"> <iframe src="ViewJobPacket.aspx" onload="fillscreen('ViewJobPacket')" scrolling="yes" frameborder="0" id="ViewJobPacket" name="ViewJobPacket" height="80%" marginheight="0 0 20px 0;"></iframe> </telerik:RadPageView> </telerik:RadMultiPage> </form> </div> </div> </body>1 Answer, 1 is accepted
0
Hello Gary,
Greetings,
Kate
the Telerik team
I would suggest that you use ContentUrl property of the RadPageView as described in the bottom of this help article:ContentUrl property. Thus you have a faster access to the page and once you have loaded the page you do not need to reload it when you click on a tab for the second time.
Greetings,
Kate
the Telerik team