RadSplitter Resize Firefox

2 posts, 0 answers
  1. Thiago
    Thiago avatar
    4 posts
    Member since:
    Mar 2008

    Posted 11 Dec 2008 Link to this post

     


    I have it:

    <
    telerik:RadSplitter Skin="Inox" LiveResize="True" Orientation="Vertical" Width="100%"

     

     

    ID="splitBody" runat="server" OnClientLoaded="Ajustar()">

    And the javascript: 

     

     

    <script type="text/jscript">

     

     

     

     

     

    function Ajustar() {

     

     

    if (screen.height > 800) {

     

     

            var splitter = $find("<%= splitBody.ClientID %>");

     

            splitter.Resize(

    null, screen.height - 350);

     

    }

    }

     

    </script>

    This work fine in IE, but doesn't work in firefox.....

    Any Idea ?!?!?!

    Thanks a lot

     

  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 15 Dec 2008 Link to this post

    Hi Thiago,
    1. The OnClientLoaded property, takes just the name of the function you need to execute as soon as the splitter is loaded, without the brackets:
      <telerik:RadSplitter Skin="Inox" LiveResize="True" Orientation="Vertical" Width="100%" 
          ID="splitBody" runat="server" OnClientLoaded="Ajustar"
    2. The method of the RadSplitter is "resize", not "Resize".
    3. You need to change the Mime type of your script tag from "text/jscript" to "text/javascript". You can find information about jscript in MSDN.

    For example:

    <body> 
        <form id="form1" runat="server">  
     
            <script type="text/javascript">   
            function Ajustar()   
            {   
                if (screen.height > 800)   
                {   
                    var splitter = $find("<%= splitBody.ClientID %>");   
                    splitter.resize(null, screen.height - 350);   
                }  
            }     
            </script> 
     
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
            <telerik:RadSplitter Skin="Inox" LiveResize="True" Orientation="Vertical" Width="100%" 
                ID="splitBody" runat="server" OnClientLoaded="Ajustar">  
                <telerik:RadPane ID="RadPane1" runat="server">  
                </telerik:RadPane> 
                <telerik:RadPane ID="RadPane2" runat="server">  
                </telerik:RadPane> 
            </telerik:RadSplitter> 
        </form> 
    </body> 

    Best wishes,
    Tsvetie
    the Telerik team

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