Minimize button appearing below Close button

7 posts, 0 answers
  1. rmoynihan
    rmoynihan avatar
    20 posts
    Member since:
    May 2007

    Posted 04 Jun 2009 Link to this post

    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


  2. Martin
    Admin
    Martin avatar
    585 posts

    Posted 05 Jun 2009 Link to this post

    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.
  3. Trude
    Trude avatar
    222 posts
    Member since:
    Jun 2009

    Posted 16 Jun 2009 Link to this post

    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?
  4. rmoynihan
    rmoynihan avatar
    20 posts
    Member since:
    May 2007

    Posted 16 Jun 2009 Link to this post

    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

    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>


  5. Trude
    Trude avatar
    222 posts
    Member since:
    Jun 2009

    Posted 16 Jun 2009 Link to this post

    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)
  6. rmoynihan
    rmoynihan avatar
    20 posts
    Member since:
    May 2007

    Posted 16 Jun 2009 Link to this post

    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.

  7. Trude
    Trude avatar
    222 posts
    Member since:
    Jun 2009

    Posted 16 Jun 2009 Link to this post

    It all works now (see edit in above post) - thank you for the input!
Back to Top