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.
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.
5 Answers, 1 is accepted
0
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
0
skysailor
Top achievements
Rank 1
Rank 1
answered on 17 Jul 2007, 01:23 AM
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.
0
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
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
0
skysailor
Top achievements
Rank 1
Rank 1
answered on 18 Jul 2007, 01:26 AM
Thanks for the work around.
I'm not sure how to apply CSS to IE only. Can you please explain how to do this?
I'm not sure how to apply CSS to IE only. Can you please explain how to do this?
0
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
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