This is a migrated thread and some comments may be shown as answers.

RadSplitter Resize Firefox

1 Answer 119 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Thiago
Top achievements
Rank 1
Thiago asked on 11 Dec 2008, 07:34 PM

 


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

 

1 Answer, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 15 Dec 2008, 10:03 AM
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.
Tags
Splitter
Asked by
Thiago
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Share this question
or