Unnecessary UI component around Raddock title in IE7

2 posts, 0 answers
  1. Rahul
    Rahul avatar
    50 posts
    Member since:
    Jun 2008

    Posted 23 Mar 2012 Link to this post

    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.
  2. Bozhidar
    Bozhidar avatar
    693 posts

    Posted 27 Mar 2012 Link to this post


    Hello the following code will give you the solution:

        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        <script type="text/javascript">
            function OnInit() {
                var dock = $find("RadDock1");
                //dock.get_element().style.height = "600px";
        <telerik:RadDock ID="RadDock1" runat="server" Title="Dock 1" Skin="Office2007" Top="40" OnClientInitialize="OnInit"
            Left="40" Width="195px">
                    This is dock 1<br />
                    This is dock 1<br />

    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.

    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.
Back to Top