RadDock-TitlebarTemplate Issue

3 posts, 0 answers
  1. dipen shah
    dipen shah avatar
    11 posts
    Member since:
    Jan 2010

    Posted 06 Jan 2010 Link to this post

    Hi,
    I just installed Telerik Q3-2009. I just create simple page. Which has Raddock and Titlebartemplate. When i run in browser i get wiered design. here is the code and screen.  I am expecting Title Should come as DipenShah. I am just creating sample. Please help me to resolve it.

    <%

    @ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="DefaultCS" %>

     

    <%

    @ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

     

    <!

     

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">

     

    <

     

    html xmlns="http://www.w3.org/1999/xhtml">

     

    <

     

    head id="Head1" runat="server">

     

    </

     

    head>

     

    <

     

    body >

     

     

    <form id="form1" runat="server">

     

     

    <telerik:RadScriptManager runat="Server" ID="RadScriptManager1" />

     

     

    <table>

     

     

    <tr>

     

     

    <td>

     

     

    <telerik:RadDockLayout ID="RadDockLayout1" runat="server">

     

     

    <telerik:RadDockZone ID="RadDockZone1" runat="server" Height="300px" Width="300px">

     

     

    <telerik:RadDock ID="RadDock1" runat="server" Skin="Web20" Width="300px">

     

     

    <TitlebarTemplate>

     

     

    <table>

     

     

    <tr>

     

     

    <td><asp:Label runat="server" ID="label1" Text="Dipen"></asp:Label>

     

     

    </td>

     

     

    <td><asp:Label runat="server" ID="label2" Text="Shah"></asp:Label>

     

     

    </td>

     

     

    </tr>

     

     

    </table>

     

     

    </TitlebarTemplate>

     

     

    </telerik:RadDock>

     

     

    </telerik:RadDockZone>

     

     

    </telerik:RadDockLayout>

     

     

    </td>

     

     

    </tr>

     

     

    </table>

     

     

    </form>

     

    </

     

    body>

     

    </

     

    html>

     





  2. Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 08 Jan 2010 Link to this post

    Hello dipen,

    I already answered your other thread and for your convenience and for others who might have the same question I pasted my reply below:

    In order to get the desired result you should override the rdTitleBar class with your own font, and set float:left to the table inside the RadDock's TitilbarTemplate, e.g as shown below:

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
    <head id="Head1" runat="server">
        <style type="text/css">
            .RadDock .rdTitleBar
            {
                font: normal 12px/22px 'Segoe UI' !important;
                color: #white !important;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="Scriptmanager1" runat="server">
        </asp:ScriptManager>
        <table>
            <tr>
                <td>
                    <telerik:RadDockLayout ID="RadDockLayout1" runat="server">
                        <telerik:RadDockZone ID="RadDockZone1" runat="server" Height="300px" Width="300px">
                            <telerik:RadDock ID="RadDock1" runat="server" Skin="Web20" Width="300px">
                                <TitlebarTemplate>
                                    <table border="1" style="float: left">
                                        <tr>
                                            <td>
                                                <asp:Label runat="server" ID="label1" Text="Dipen"></asp:Label>
                                            </td>
                                            <td>
                                                <asp:Label runat="server" ID="label2" Text="Shah"></asp:Label>
                                            </td>
                                        </tr>
                                    </table>
                                </TitlebarTemplate>
                            </telerik:RadDock>
                        </telerik:RadDockZone>
                    </telerik:RadDockLayout>
                </td>
            </tr>
        </table>
        </form>
    </body>
    </html>

    I hope that my reply is helpful, let me know how it goes.

    Best wishes,
    Petio Petkov
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. dipen shah
    dipen shah avatar
    11 posts
    Member since:
    Jan 2010

    Posted 11 Jan 2010 Link to this post

    Hi,

    It works.

    Thanks,
    Dipen Shah
Back to Top