This is a migrated thread and some comments may be shown as answers.

Collapse icon position in IE7

2 Answers 32 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Yang Qu
Top achievements
Rank 1
Yang Qu asked on 14 Jan 2010, 05:04 AM
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 Answers, 1 is accepted

Sort by
0
Gido Geek
Top achievements
Rank 2
answered on 14 Jan 2010, 09:04 AM
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
0
Pero
Telerik team
answered on 19 Jan 2010, 08:13 AM
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.
Tags
Dock
Asked by
Yang Qu
Top achievements
Rank 1
Answers by
Gido Geek
Top achievements
Rank 2
Pero
Telerik team
Share this question
or