RadDockZone MinHeight

6 posts, 0 answers
  1. skysailor
    skysailor avatar
    113 posts
    Member since:
    Jul 2007

    Posted 12 Jul 2007 Link to this post

    Hi,
    I have set the MinHeight of my RadDockZone to 200px. There are initially no Docks in the zone (the docks are created dynamically). When the page is shown the DockZone is just a horizontal line. Shouldn't the MinHeight stop this? The DockZone is within a Table on my page.
  2. Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 16 Jul 2007 Link to this post


    Hi Clayton,

    We are not aware of such behavior. I tried the following code and everything looks like as expected:

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
     
    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head runat="server">  
        <title>Untitled Page</title> 
    </head> 
    <body> 
        <form id="form1" runat="server">  
        <asp:ScriptManager ID="ScriptManager1" runat="server">  
            </asp:ScriptManager> 
            <div>     
            <telerik:RadDockLayout ID="RadDockLayout1" runat="server">   
            <table> 
                <tr> 
                    <td> 
                            <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="200px" MinWidth="200px">  
                            </telerik:RadDockZone>                
                    </td> 
                </tr> 
            </table>          
            </telerik:RadDockLayout>      
        </div> 
        </form> 
    </body> 
    </html> 

    If you continue to get this problem, please open a new support ticket and send us a simple running project where this behavior could be observed.

    Best Regards,
    Petio Petkov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. skysailor
    skysailor avatar
    113 posts
    Member since:
    Jul 2007

    Posted 16 Jul 2007 Link to this post

    I have tried to create a simple page that shows this error. The point at which the error occurs was when I removed the <!DOCTYPE> tag. We don't have that on our pages - it messes up our style sheets.
  4. Dimo
    Admin
    Dimo avatar
    8451 posts

    Posted 17 Jul 2007 Link to this post

    Hello Clayton,

    When not using a DOCTYPE, browsers work in quirks mode, which means that some CSS styles are not applied the way web standards command. I suppose you observe the problem in Internet Explorer. In IE6 min-height is not supported at all, while in IE7 min-height is supported only in standards mode (with DOCTYPE).

    The workaround is to supply IE (only IE) with a height style, instead of min-height. In quirks mode this will work as min-height. To do this, you should use one of the famous CSS hacks for IE 6:

    *  html  .something
    {
          height: 200px ;
    }

    or

    .something
    {
    _height: 200px ;
    }

    These two hacks work in IE7 in quirks mode, so they should do the job.

    Greetings,
    Dimo
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. skysailor
    skysailor avatar
    113 posts
    Member since:
    Jul 2007

    Posted 17 Jul 2007 Link to this post

    Thanks for the work around.
    I'm not sure how to apply CSS to IE only. Can you please explain how to do this?
  6. Dimo
    Admin
    Dimo avatar
    8451 posts

    Posted 18 Jul 2007 Link to this post

    Hi Clayton,

    If you want to apply CSS styles for IE only in the current situation, there are a couple of ways to do this:

    case 1) If you want to add the styles to a stylesheet file or the head of the web page:

    subcase 1a) Use the "star html" hack.

    *   html   .RadDockZone_[SkinName]
    {
          height: 200px ;
    }

    The "star html" hack is simply adding a "* html " in front of the CSS selector, so that only IE6 accepts it. There is a space between "html" and the rest of the selector.

    subcase 1b) Use the underscore hack:

    .RadDockZone_[SkinName]
    {
        _height : 200px ;
    }

    The underscore hack is adding an underscore in front of the CSS property name (no space between the two).


    case 2) If you want to apply the styles inline to the docking zone's server tag:

    <telerik:raddockzone runat="server" id="...." style="min-height:500px; _height:500px;">

    The style in blue is for standard-compliant browsers (Firefox, Opera, IE7 in standards mode). The style in red is for IE7 in quirks mode and IE6 in all modes.


    Kind regards,
    Dimo
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top