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

TitlebarTemplate styling issue in Firefox

1 Answer 47 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Steven
Top achievements
Rank 1
Steven asked on 04 Oct 2010, 10:53 AM
I have a styling issue in the TitlebarTemplate with fire fox:
<telerik:RadDockZone ID="RadDockZone1" runat="server" Width="99%">
    <telerik:RadDock ID="rdSystemInfo" runat="server" Width="99%" Skin="Web20">
        <Commands>
        </Commands>
        <TitlebarTemplate>
            <div>
                <asp:Label ID="Label1" runat="server" Text="Label" Font-Bold="true" Font-Size="Medium"></asp:Label>
            </div>
        </TitlebarTemplate>
        <ContentTemplate>
            test
        </ContentTemplate>
    </telerik:RadDock>
</telerik:RadDockZone>

this renders like this: http://img245.imageshack.us/img245/3931/withoutlineheight.gif

So I added a style to the div:

<div style="line-height:25px;">
    <asp:Label ID="Label1" runat="server" Text="Label" Font-Bold="true" Font-Size="Medium"></asp:Label>
</div>

then it comes out like this: http://img375.imageshack.us/img375/716/withlineheight.gif

I have tried to analyze the styles in firebug to make sure it isn't conflicting with existing styles on the page but there isn't anything else affecting the radDock.

The control works fine in IE.

We're currently using 2009.3.1103.35

1 Answer, 1 is accepted

Sort by
0
Steven
Top achievements
Rank 1
answered on 04 Oct 2010, 11:01 AM
Ahh I found the issue is with using percentage values for the width, this fix resolved the issue: http://www.telerik.com/community/forums/aspnet-ajax/docking/style-difference-between-localhost-vs-machine-name.aspx#1356662
Tags
Dock
Asked by
Steven
Top achievements
Rank 1
Answers by
Steven
Top achievements
Rank 1
Share this question
or