Dock automatically resize issue

4 posts, 0 answers
  1. Daniel
    Daniel avatar
    184 posts
    Member since:
    Feb 2009

    Posted 31 Jul 2009 Link to this post

    Hi. I have a two divs inside a RadDock that are positioned side-by-side. in the second div there is a RadTabStrip. The page loads fine but when i hover over any of the tabs, the dock automatically resizes to the bottom of the RadMultiPage. It basically cuts off part of the first div. This only happens in IE6. It works fine in FF3.x, IE7 and IE8. I've placed the divs and tabstrip outside the dock and they work fine. If I set the height of the dock in pixels to any height the problem goes away, but setting it to 100% or auto doesn't.

    Daniel
  2. Daniel
    Daniel avatar
    184 posts
    Member since:
    Feb 2009

    Posted 03 Aug 2009 Link to this post

    Any takers? I've already set the div, html, body and form elements to a height of 100%.

    Daniel
  3. Daniel
    Daniel avatar
    184 posts
    Member since:
    Feb 2009

    Posted 03 Aug 2009 Link to this post

    Okay I found the problem. I have set .rdContent { overflow: hidden !important; }. So it is hidding the content. If I remove this, scroll bars appear and the content is visible. Why does this not happen in FF or IE7+? I'd really rather not have scroll bars as my entire site is based on docks. Is there anyway out of this?

    Daniel
  4. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 05 Aug 2009 Link to this post

    Hi Daniel,

    The RadDock's Width and Height properties are designed to work only with values specified in Pixels. If values specified in percent are used in some scenarios this might work, in others it will not work - in one word the behavior of the dock is unpredictable.

    Based on the info provided I have created a sample project that has two <div> elements inside a dock. One of them has Text inside, and in the other I have a RadTabStrip control. I don't seem to be reproducing your behavior on my side. The <div>s are rendered correctly and the whole content of the first <div> is visible (it is not covered by the second <div>). You can find the project attached to the thread.
    Can you please open a new support ticket, and send us a simple running demo, where the problem can be reproduced? The project will give us a clearer picture of the problem, and will help us provide adequate solution. 
     


    Sincerely yours,
    Pero
    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.
Back to Top