RadSplitter is failing to initialize correctly.

7 posts, 0 answers
  1. Mayank
    Mayank avatar
    4 posts
    Member since:
    Aug 2008

    Posted 15 Jul 2009 Link to this post

    Hi,

    We have page where top section is coming from the usercontrol and bottom section have RadSplitter with the left and right pane.
    Left pane have panelbar control and Right page should display content pages.

    To achieve resize with the browser window and 100% width and height feature, we have followed below demo:
    http://demos.telerik.com/aspnet-ajax/splitter/examples/resizewithwindow/defaultcs.aspx.

    As per specifications, we have html, body, form and all parent elements to splitter set as style="height:100%".We have also considered HeightOffset to accomodate height of the top and bottom usercontrol.

    After setup, page is rendered as expected but the rendering is not consist for every page call. Sometimes, we are getting spliter not resized to 100% width and height.

    After debugging and investigation we have found as below:

    In in-consistent manner, telerik is throwing javascript error during splitter rendering process and that error is stoping all the further activities(like resizing) to be done on rad splitter(like resizing). 

    Further more, after this error,  all client side events are stopped working.

    Javascript error we are getting during debugging is not passed to the browser and browser is rendering the page with wrong width and height.

    Here is aspx of the page:

     

     

     

    <html> 
        <head> 
            <style type="text/css">  
                html, body, form  
                {  
                    height: 100%;  
                    width: 100%;  
                    margin: 0px;  
                    padding: 0px;  
                    overflow: hidden;  
                }  
            </style> 
        </head> 
        <body> 
            <!-- Top user control --> 
            <EPDM:top ID="top2" runat="server"></EPDM:top>   
            <form id="Form1" method="post" runat="server">  
                <telerik:RadScriptManager ID="RadScriptManager2" runat="server" /> 
                <telerik:RadSplitter ID="RadSplitter1" HeightOffset="200" runat="server" BorderStyle="Solid" 
                    Skin="Office2007" Width="100%" Height="100%" ResizeMode="AdjacentPane" Orientation="Vertical">  
                    <telerik:RadPane ID="navigationPane" runat="server" LiveResize="true" Width="250px" Scrolling="none">  
                        <telerik:RadPanelBar ID="RadPanelBar2" runat="server" ExpandMode="SingleExpandedItem" Skin="Office2007">  
                            <CollapseAnimation Duration="100" Type="None" /> 
                            <ExpandAnimation Duration="100" Type="None" /> 
                        </telerik:RadPanelBar> 
                    </telerik:RadPane> 
                    <telerik:RadSplitBar ID="RadSplitDataToolBar" runat="server" CollapseMode="Forward" 
                        CollapseExpandPaneText="Collapse and Expand" Style="border-color: Black; width: 10px;" skin="Office2007" /> 
                    <telerik:RadPane ID="RadPane1" ContentUrl="abc.aspx" Scrolling="Both" runat="server" LiveResize="true">  
                    </telerik:RadPane> 
                </telerik:RadSplitter> 
            </form> 
            <!-- Bottom user control --> 
            <EPDM:bottom runat="server" ID="bottom2" /> 
        </body> 
    </html> 
     

     

    We have Q3 2008 build. Please help us fixing this issue.

    Thanks,
    Vishal

  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 17 Jul 2009 Link to this post

    Hello Mayank,

    I tested the code you have provided with the mentioned Q3 2008 build and I was able to observe a problem only under IE8. However, the mentioned version does not support it because this browser was not officially released at that time. The error was about an invalid argument and the problem was caused by the fact that you have set LiveResize="true" to the RadPanes and this should be set to the splitter only. After I removed it from the panes  and set it to teh splitter instead the problem disappeared and that is why I suggest to try wether this fixes the issue under the browser you use, too.

    In case this does not help, please provide the following:

    1. Detailed error message text
    2. Information about the browser
    3. Descroiption of the reproduction steps (I tested with refreshing) and e.g if refreshing on what avrage refresh teh error occurs (e.g on every 5 refresh average).

    After we get this information we will do our best to help.

    Regards,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Adam Thompson
    Adam Thompson avatar
    4 posts
    Member since:
    Nov 2009

    Posted 09 Dec 2009 Link to this post

    I am having a similar issue with the spliter, however, I only get the javascript error on the initial page load. After that if I minimize the browser and then maximize it again everything works fine.

    When the page first loads I hit a Javascript error stating invalid argument on the following line:

    }

    else{c.style.width=b+"px";

    The value of c is the clientID of RadSpliter2 and the value of b is "NaN".

    I have the following CSS in the Head of my html document.

     

    <style type="text/css">     
            html, body, form     
            {     
                height: 100%;     
                width: 100%;  
                margin0px;     
                padding0px;     
            }     
        </style> 

    And Here is the user Control

    <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%" 
        ResizeMode="EndPane">  
        <telerik:RadPane ID="RadPane1" runat="server" Collapsed="false" Width="300" Scrolling="None">  
          
        </telerik:RadPane> 
        <telerik:RadSplitBar ID="Radsplitbar51" runat="server" CollapseMode="Forward" /> 
        <telerik:RadPane ID="RadPane22" runat="server" Height="100%" Width="100%">  
            <telerik:RadSplitter ID="RadSplitter2" runat="server" LiveResize="true" Orientation="Horizontal">  
                <telerik:RadPane ID="topPane" runat="server" Scrolling="Both">  
                    <div style="height: 100%">  
                      
                    </div> 
                </telerik:RadPane> 
                <telerik:RadSplitBar ID="Radsplitbar2" runat="server" CollapseMode="Both" /> 
                <telerik:RadPane ID="bottomPane" runat="server" Scrolling="Both">  
                    <div style="height: 100%">  
                      
                    </div> 
                </telerik:RadPane> 
            </telerik:RadSplitter> 
        </telerik:RadPane> 
    </telerik:RadSplitter> 


    Any help would be greatly appreciated.

    Thanks,

    -Adam

  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 14 Dec 2009 Link to this post

    Hello Adam,

    I do not know what is teh version of RadControls you are using - there was such a problem with an older version when nested splitters are used. However, the issue is now fixed and I built up a sample demo based on your code and tested it  with the later Q3 2009 SP1 release and everything worked as expeted.

    In case you are using a previouse version than the latest one, please upgrade to it and the problem should disappear.

     


    Sincerely yours,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  6. Bryan Strader
    Bryan Strader avatar
    27 posts
    Member since:
    Sep 2009

    Posted 14 Jan 2010 Link to this post

    I am having a very similar issue, using 2009 Q3 SP1, internet explorer works fine, but the splitter (nested or not) will not initialize in firefox. I believe this is a bug in the control (splitter), is there any current work around? It appears the control fails during initialization when using firefox.
  7. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 15 Jan 2010 Link to this post

    Hello Bryan,

    We are aware of a few problems with the Q3 2009 SP2 release but they are related only to nested splitters (you can test our online demo under FF to see that they are fine) and the problems persisted both under IE and FF. Those problems are already fixed in the SP2 which was just released - please upgrade to it and see whether this solves the issue.

    In case the problem persists with the SP2 build, please prepare some code which is fully runnable and reproduces the problem and share it here. Once we receive it we will build a test demo based on it and we will debug it locally and solve it right away.

    Kind regards,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  8. Bryan Strader
    Bryan Strader avatar
    27 posts
    Member since:
    Sep 2009

    Posted 15 Jan 2010 Link to this post

    Thank you, the update to 2009 Q3 SP2 has corrected this issue!
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017