Collapse icon position in IE7

3 posts, 0 answers
  1. Yang Qu
    Yang Qu avatar
    7 posts
    Member since:
    Oct 2009

    Posted 13 Jan 2010 Link to this post

    Hello,

    Please have a look the attached file, 

    The collapse icon is not showed on title bar and it's not working in IE7.

    It's fine in firefox and chrome.

  2. Gido Geek
    Gido Geek avatar
    28 posts
    Member since:
    Nov 2009

    Posted 14 Jan 2010 Link to this post

    Hey Yang Qu,

    Not sure what the problem is but it but I have a hunch you can solve it by setting the width on the
    .rdCommands class. This is the css I use:

    .rdCommands 
        positionabsolute
        rightright0px;     
    .rdTitleBar ul li 
       list-style-typenone;  
    .rdTitleBar 
        positionrelative !important; 

    Hope this helps,

    Regards,
    GidoGeek
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 19 Jan 2010 Link to this post

    Hi Yang Qu,

    I could not reproduce the problem locally with the source code pasted below. I believe the issue is caused by some custom CSS code. Could you please verify that the visual glitch is not a result from applying some global CSS? For example the following code will cause the Collapse command to appear on the next line:

    <style type="text/css">
        .rdCommands
        {
            width: 19px !important;
        }
    </style>

    If the problem persists, please send us a fully running project that demonstrates the issue. Once we have a closer look, we will do our best to provide a working solution.

    PS: Which version of the RadControls for ASP.NET AJAX you are using? From the screenshot it looks like some of the previous versions are used (and not the latest).

    .aspx
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head id="Head1" runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div>
            <telerik:RadDockLayout ID="RadDockLayout1" runat="server">
                <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="300px" Width="300px">
                    <telerik:RadDock ID="RadDock1" runat="server" Width="300px" Title="RadDock-Title">
                        <ContentTemplate>
                            <br />
                            <br />
                            <br />
                            <br />
                            <br />
                            CONTENT
                            <br />
                            <br />
                            <br />
                            <br />
                            <br />
                        </ContentTemplate>
                    </telerik:RadDock>
                </telerik:RadDockZone>
            </telerik:RadDockLayout>
        </div>
        </form>
    </body>
    </html>



    Best wishes,
    Pero
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top