Problem While Using Multipage View

4 posts, 0 answers
  1. Brijendra Kumar
    Brijendra Kumar avatar
    38 posts
    Member since:
    Oct 2008

    Posted 16 Jul 2009 Link to this post

    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
  2. Mr. Plinko
    Mr. Plinko avatar
    56 posts
    Member since:
    Jul 2009

    Posted 04 Aug 2009 Link to this post

    I tried to recreate your problem, because I've had height issues before. Could you give a little more information?
  3. Brijendra Kumar
    Brijendra Kumar avatar
    38 posts
    Member since:
    Oct 2008

    Posted 06 Aug 2009 Link to this post

    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

     

  4. Mr. Plinko
    Mr. Plinko avatar
    56 posts
    Member since:
    Jul 2009

    Posted 07 Aug 2009 Link to this post

    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?
Back to Top