TitlebarTemplate styling issue in Firefox

2 posts, 0 answers
  1. Steven
    Steven avatar
    26 posts
    Member since:
    May 2009

    Posted 04 Oct 2010 Link to this post

    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
  2. Steven
    Steven avatar
    26 posts
    Member since:
    May 2009

    Posted 04 Oct 2010 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top