If you experience strange behaviour with Rad Docks and the minimize button appearing below the Close button in IE 7/8 and Google Chrome it could be to do with the Doc type declaration.
This can happen if you do not have the line,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
on the page or in my case I had user controls registered before this line which was causing this behaviour. It also effected the min-width and min-height of the Raddocks. This line needs to be the first line after the page declaration.
Ronan
This can happen if you do not have the line,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
on the page or in my case I had user controls registered before this line which was causing this behaviour. It also effected the min-width and min-height of the Raddocks. This line needs to be the first line after the page declaration.
Ronan
6 Answers, 1 is accepted
0
Hi rmoynihan,
In Internet Explorer, anything (blank space, xml prologue, some code) above the doctype triggers quirks mode. Quirks mode is triggered also when you are missing a DTD. RadControls for ASP.NET AJAX are designed and developed to perform best in standards compliance mode, so my recommendation is to stick to the standards unless it is required to be non-standard (for example in older content management systems that do not render a doctype).
Have a great weekend,
Martin Ivanov
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.
In Internet Explorer, anything (blank space, xml prologue, some code) above the doctype triggers quirks mode. Quirks mode is triggered also when you are missing a DTD. RadControls for ASP.NET AJAX are designed and developed to perform best in standards compliance mode, so my recommendation is to stick to the standards unless it is required to be non-standard (for example in older content management systems that do not render a doctype).
Have a great weekend,
Martin Ivanov
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.
0
Trude
Top achievements
Rank 2
Rank 2
answered on 16 Jun 2009, 06:32 AM
I also have this problem in my project - The Dock displays perfectly in IE7/8, but the minimize button appears below the close button in Chrome 2.x
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
This line is present on the top of all my masterpages. When I use a Dock in a sub-page in an update panel the problem occurs (in Chrome 2.x). Maybe Chrome doesn't pick up the settings in the masterpage?
0
rmoynihan
Top achievements
Rank 1
Rank 1
answered on 16 Jun 2009, 06:51 AM
Hi Jorn,
Martin Ivanov from Telerik gave me a css fix for Google Chrome and Safari as you can see below.
It worked fine for me. I added this script to the content page where I had the Rad Docks.
Thanks,
Ronan
Martin Ivanov from Telerik gave me a css fix for Google Chrome and Safari as you can see below.
It worked fine for me. I added this script to the content page where I had the Rad Docks.
Thanks,
Ronan
Please,
try the following fix. As Chrome and Safari are WebKit rendering engine
browsers, I supposed that the same problem exists in Safari as well,
this is why I'm giving you two fixes:
<style type="text/css">
/* Google Chrome hack */
body:nth-of-type(1) .RadDock_Web20 span.rdCommands
{
width: auto !important;
}
/* Safari hack */
body:first-of-type .RadDock_Web20 span.rdCommands
{
width: auto !important;
}
</style>
0
Trude
Top achievements
Rank 2
Rank 2
answered on 16 Jun 2009, 10:28 AM
That fix/hack worked fine for the buttons - thanks!
There is one problem that I forgot to mention - the dock is skinned (Office2007), but in Chrome the skin doesn't display - all other controls are skinned fine (tabstip, editor etc.), but not the dock. Is there a similar fix for this? Should I submit a bug report?
Edit: The skinning problem went away when I added a title to the dock (I hadn't decided on a title so the titlebar was empty)
0
rmoynihan
Top achievements
Rank 1
Rank 1
answered on 16 Jun 2009, 10:40 AM
Hi Jorn,
No the Skin for the Docks works fine for me in Chrome.
Go to the telerik demos page and make sure the docks are appearing ok in yuor Chrome browser.
Could be something else in your css. Have you tried a clean test page with nothing else only the Docks on a page and see if that works.
Then try applying the rest of your css and see if it breaks.
No the Skin for the Docks works fine for me in Chrome.
Go to the telerik demos page and make sure the docks are appearing ok in yuor Chrome browser.
Could be something else in your css. Have you tried a clean test page with nothing else only the Docks on a page and see if that works.
Then try applying the rest of your css and see if it breaks.
0
Trude
Top achievements
Rank 2
Rank 2
answered on 16 Jun 2009, 03:22 PM
It all works now (see edit in above post) - thank you for the input!