Hello,
I have set the height of radDock using $telerik.getViewPortSize() in JavaScript since the height of rad dock is not occupying the height of form. I cannot hard Code the height since it is not compatible on changing screen resolution. Everything works fine expect for on IE7. It causes some unpleasant UI effects which can be observed in the attached file. I have added a div around the Rad Dock Layout which surrounds the Rad dock and finally the rad grid. My main target is to provide full length to rad dock to capture the whole screen. Providing height in percentage was also not suitable. How can these components be rectified? Thanks in advance.
I have set the height of radDock using $telerik.getViewPortSize() in JavaScript since the height of rad dock is not occupying the height of form. I cannot hard Code the height since it is not compatible on changing screen resolution. Everything works fine expect for on IE7. It causes some unpleasant UI effects which can be observed in the attached file. I have added a div around the Rad Dock Layout which surrounds the Rad dock and finally the rad grid. My main target is to provide full length to rad dock to capture the whole screen. Providing height in percentage was also not suitable. How can these components be rectified? Thanks in advance.
1 Answer, 1 is accepted
0
Hi,
Hello the following code will give you the solution:
Use
Regards,
Bozhidar
the Telerik team
Hello the following code will give you the solution:
<body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <script type="text/javascript"> function OnInit() { var dock = $find("RadDock1"); //dock.get_element().style.height = "600px"; dock.set_height(600); } </script> <telerik:RadDock ID="RadDock1" runat="server" Title="Dock 1" Skin="Office2007" Top="40" OnClientInitialize="OnInit" Left="40" Width="195px"> <ContentTemplate> <div> This is dock 1<br /> This is dock 1<br /> </div> </ContentTemplate> </telerik:RadDock> </form></body></html>Use
dock.set_height to set RadDock height. In the code above, the commented dock.get_element().style.height = "600px"; will break the layout the same way as it is on your screenshot.Regards,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.