Problem While Using Multipage View

[Brijendra Kumar]

Dear Sir/Madam,

I am using a multipageview control with tabstrip.
when i am giving the height of pageview in %it is not being equal to content page height.
and i have 5 pageviews associated with different tabs.
I am calling a web method on a pageview's content user control's pageLoad() in javascript.
but when i am going to select another tab and page goes to postback by firing any serverside event,
this web method is again being called.

Can we stop calling this method on each and every postback.

Does anyone know how to do this ? Please tell me.....
THanks & Regards
Brijendra pandey

[Mr. Plinko]

I tried to recreate your problem, because I've had height issues before. Could you give a little more information?

[Brijendra Kumar]

Dear Mr. Plinko,

This is the page markup, here i am calling a page in each page view:

<

 

table width="100%">

 

 

<tr>

 

 

<td style="width: 60%;">

 

 

<asp:UpdatePanel ID="upTab" runat="server" UpdateMode="Conditional">

 

 

<ContentTemplate>

 

 

<telerik:RadTabStrip ID="rdTabCustomer" runat="server" MultiPageID="radMultiPage" Orientation="HorizontalTop"

 

 

Align="Left">

 

<%

--OnClientTabSelected="SelectedTabChanged">--%>

 

 

<Tabs>

 

 

<telerik:RadTab AccessKey="G" Text="<u>G</u>lobal Search" Value="Search" PageViewID="searchPageView"

 

 

Selected="true" Height="100%" >

 

 

</telerik:RadTab>

 

 

<telerik:RadTab AccessKey="M" Text="Custo<u>m</u>er" Value="Customer" PageViewID="customerPageView"

 

 

Height="100%" >

 

 

</telerik:RadTab>

 

 

<telerik:RadTab AccessKey="E" Text="R<u>e</u>ffered Customer" Value="RefCustomer"

 

 

Enabled="false" PageViewID="refCustomerPageView" Height="100%" >

 

 

</telerik:RadTab>

 

 

</Tabs>

 

 

</telerik:RadTabStrip>

 

 

</ContentTemplate>

 

 

</asp:UpdatePanel>

 

 

</td>

 

 

<td align="right" style="font-size: small; color: Black;">

 

 

<asp:Button ID="btnCloseCall" runat="server" Text="Close Call" Width="70" OnClick="btnCloseCall_Click"

 

 

OnClientClick="ResetCLIInfo();" />&nbsp;

 

 

<img id="imgBack" alt="" src="Images/BackButton.png" onclick="javascript:window.history.back();" />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td colspan="2">

 

 

<asp:UpdatePanel ID="upPageView" runat="server" UpdateMode="Conditional">

 

 

<ContentTemplate>

 

 

<telerik:RadMultiPage ID="radMultiPage" runat="server" Width="100%">

 

<%

--<asp:UpdatePanel ID="upSearch" runat="server" UpdateMode="Conditional">

 

<contenttemplate>--

 

%>

 

 

<telerik:RadPageView ID="searchPageView" runat="server" Selected="true" Height="100%">

 

 

<telerik:RadSplitter ID="spltSearch" runat="server" Width="100%" Height="100%" BorderSize="0"

 

 

FullScreenMode="true" VisibleDuringInit="false">

 

 

<telerik:RadPane ID="rdPaneSearch" runat="server" Width="100%" ContentUrl="SearchCallerInformation.aspx">

 

 

</telerik:RadPane>

 

 

</telerik:RadSplitter>

 

 

</telerik:RadPageView>

 

<%

--</contenttemplate>

 

</asp:UpdatePanel>

<asp:UpdatePanel ID="upCustomer" runat="server" UpdateMode="Conditional">

<contenttemplate>--

 

%>

 

 

<telerik:RadPageView ID="customerPageView" runat="server" Width="100%" Height="100%">

 

 

<telerik:RadSplitter ID="spltCustomer" runat="server" BorderSize="0" Width="100%"

 

 

Height="100%" VisibleDuringInit="false">

 

 

<telerik:RadPane ID="rdPaneCustomer" runat="server" ContentUrl="CustomerDetails.aspx?CustomerId=">

 

 

</telerik:RadPane>

 

 

</telerik:RadSplitter>

 

 

</telerik:RadPageView>

 

<%

--</contenttemplate>

 

</asp:UpdatePanel>

<asp:UpdatePanel ID="upRefCustomer" runat="server" UpdateMode="Conditional">

<contenttemplate>--

 

%>

 

 

<telerik:RadPageView ID="refCustomerPageView" runat="server" Height="100%">

 

 

<telerik:RadSplitter ID="spltRefCustomer" runat="server" Width="100%" BorderSize="0"

 

 

Height="100%" VisibleDuringInit="false">

 

 

<telerik:RadPane ID="rdPaneRefCustomer" runat="server" ContentUrl="RefCustomerDetails.aspx">

 

 

</telerik:RadPane>

 

 

</telerik:RadSplitter>

 

 

</telerik:RadPageView>

 

<%

--</contenttemplate>

 

</asp:UpdatePanel>--

 

%>

 

 

</telerik:RadMultiPage>

 

 

</ContentTemplate>

 

 

</asp:UpdatePanel>

 

 

</td>

 

 

</tr></table>


Kindly respose me ASAP. I am awaiting of ur kind response early.


Thanks & Regards
Brijendra Pandey

 

[Mr. Plinko]

Just as I thought! I had a similar problem with my tabstrips inside of a table and i wrote another response here.

Basically, if you set the <html style="height: 100%">, <body style="height: 100%">, and <form style="height: 100%"> this should tell the page that you want everything to fill out the page.

CSS might look like this:

html, body, form
{
height: 100%;
}

I didn't get a chance to try it with your code, but lemme know if it works!

Helpful?