Multiple Scrollbars Problem with Splitter & ContentURL

5 posts, 0 answers
  1. K Patel
    K Patel avatar
    13 posts
    Member since:
    Aug 2006

    Posted 22 Dec 2008 Link to this post

    Hi Friends,

         I am developing one application in which i am facing a big problem with multiple scrollbars, because of the splitter control. what i want to do in that application is to achieve the Header, Footer & content functionality without using the Master pages. So i decided to use the Splitter Control, but it place in more trouble (i.e. multiple scrollbars). i have tried to serach for this in forums & also tried the results in my application, but still i am not able to slove that problem.

    Multiple Scrollbars: One is of RadPane & One is of Browser

    ASPX Page

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Untitled Page</title>

        <script language="javascript" type="text/javascript">
        
        function resizePane(sender)
        {
    //        For External Content using getExtContentElement()

    //        var splitter = sender;
    //        var pane = splitter.getEndPane();
    //        var height = pane.getExtContentElement().scrollHeight;  
    //        splitter.set_height(height);  
    //        pane.set_height(height);
          
    //        For Content using getContentElement()

            var splitter = sender;
            var pane = splitter.getEndPane();
            var height = pane.getContentElement().scrollHeight;  
            splitter.set_height(height);  
            pane.set_height(height);
            
        }
        
        </script>

    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
                </telerik:RadScriptManager>
                <table style="width: 100%; height: 100%">
                    <tr>
                        <td style="height: 15px">
                            <telerik:RadMenu ID="RadMenu1" runat="server" OnItemClick="RadMenu1_ItemClick">
                                <CollapseAnimation Duration="200" Type="OutQuint" />
                                <Items>
                                    <telerik:RadMenuItem runat="server" Text="Content Page 1" Value="TooLongContent.aspx">
                                    </telerik:RadMenuItem>
                                    <telerik:RadMenuItem runat="server" Text="Content Page 2" Value="TooLongContent1.aspx">
                                    </telerik:RadMenuItem>
                                </Items>
                            </telerik:RadMenu>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <telerik:RadSplitter ID="RadSplitter1" runat="server"
                                OnClientLoaded="resizePane" Height="100%" Width="100%">
                                <telerik:RadPane ID="RadPane1" runat="server" ContentUrl="TooLongContent.aspx" Width="">
                                </telerik:RadPane>
                            </telerik:RadSplitter>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                    </tr>
                </table>
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                    <AjaxSettings>
                        <telerik:AjaxSetting AjaxControlID="RadMenu1">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="RadSplitter1" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                    </AjaxSettings>
                </telerik:RadAjaxManager>
            </div>
        </form>
    </body>
    </html>

    Code Behind Page

    using System;
    using System.Data;
    using System.Configuration;
    using System.Collections;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;

    namespace TelerikTesting.Splitter
    {
        public partial class Default1 : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {

            }

            protected void RadMenu1_ItemClick(object sender, Telerik.Web.UI.RadMenuEventArgs e)
            {
                RadSplitter1.GetPaneById("RadPane1").ContentUrl = e.Item.Value;
            }
        }
    }









    Looking for you earliest reply.

    Thanks,
    Bhavin
  2. K Patel
    K Patel avatar
    13 posts
    Member since:
    Aug 2006

    Posted 23 Dec 2008 Link to this post

    Hi Friends,

         No one there who has worked on Splitter using ContentURL? Didn't anyone face this kind of problem?


    Thanks,
    Bhavin
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 23 Dec 2008 Link to this post

    Hi Bhavin,

    I built up a test project based on the provided information but I was not able to reproduce the described problem. I do not have your content pages and that is why I used the telerik web site to load it in the RadPane - please examine the attached project. Would you please test your content pages with a standard IFRAME element instead of a RadPane and RadSplitter? I assume that most probably you will reproduce the issue there - if so, please make the IFRAME behave as you want and after that just apply the same logic to the RadSplitter. In case you are able to get the desired result with the IFRAME but you experience troubles in the RadSplitter implementation, please prepare a sample demo which uses only IFRAME and not RadSplitter, open a new support ticket and send it to us along with detailed explanations and some screenshots. Once we receive it, we will make the RadPane behave as the IFRAME in your demo project.


    Regards,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  5. K Patel
    K Patel avatar
    13 posts
    Member since:
    Aug 2006

    Posted 23 Dec 2008 Link to this post

    Hi Svetlina,

        It seem to be same code with some minor changes, So I have tried your code in my application but still the problem is same.


    Thanks,
    Bhavin



  6. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 24 Dec 2008 Link to this post

    Hello Bhavin,
    Did you test the project Svetlina sent you - what was the result? In case you cannot reproduce the problem with that project, probably the cause for the multiple scrollbars you describe is in the page you load in the RadPane, not in the RadPane itself. The easiest way to test whether you have configured the TooLongContent page correctly, is to open it is a simple IFRAME element as Svetlina suggested.

    In case you need additional help, please prepare and send us a simple running project, demonstrating the problem so that we are able to investigate what is causing it on our side.

    Best wishes,
    Tsvetie
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017