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

RadDock-TitlebarTemplate Issue

2 Answers 73 Views
Dock
This is a migrated thread and some comments may be shown as answers.
dipen shah
Top achievements
Rank 1
dipen shah asked on 06 Jan 2010, 11:15 PM
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 Answers, 1 is accepted

Sort by
0
Petio Petkov
Telerik team
answered on 08 Jan 2010, 11:49 AM
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.
0
dipen shah
Top achievements
Rank 1
answered on 11 Jan 2010, 04:27 PM
Hi,

It works.

Thanks,
Dipen Shah
Tags
Dock
Asked by
dipen shah
Top achievements
Rank 1
Answers by
Petio Petkov
Telerik team
dipen shah
Top achievements
Rank 1
Share this question
or