This is a migrated thread and some comments may be shown as answers.

Tab PageViews error

1 Answer 30 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Gary
Top achievements
Rank 1
Gary asked on 25 Mar 2011, 02:43 PM
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

Sort by
0
Kate
Telerik team
answered on 30 Mar 2011, 03:26 PM
Hello Gary,

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
Tags
TabStrip
Asked by
Gary
Top achievements
Rank 1
Answers by
Kate
Telerik team
Share this question
or