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

RADDOCK missing class="rdTitle"

1 Answer 58 Views
Dock
This is a migrated thread and some comments may be shown as answers.
sean ma
Top achievements
Rank 1
sean ma asked on 16 Nov 2009, 04:57 PM
Hi, I am using the raddock control but when the tried to set the font on the title in the css nothing happened. so I checked the html code generated only to find that the class="rdTitle" is missing. the dockhandle is set to TitleBar, dockmode is default. here is the code

 

 

 

<telerik:RadDock ID="RadDock1" Runat="server" Width="100%"

 

 

 

Title="Message">

 

 

 

<ContentTemplate>

 

 

 

<br />

 

 

 

<asp:Button ID="Button1" runat="server" Text="New message"

 

 

 

CssClass="btnSmall" Width="162px" />

 

 

 

<br />

 

 

 

<br />

 

 

 

<asp:Button ID="Button2" runat="server" Text="Open message"

 

 

 

CssClass="btnSmall" Width="162px" />

 

 

 

<br />

 

 

 

</ContentTemplate>

 

 

 

</telerik:RadDock>

 


HTML code from browser

<tr class="rdTop">
    <td unselectable="on" class="rdLeft">&nbsp;</td>
    <td class="rdCenter"><div id="ctl00_pageContent_RadDock1_T" class="rdTitleBar">
     <em>Message</em><ul class="rdCommands"><li><a title="Collapse"><span  class="rdCollapse">&nbsp;</span></a></li><li><a title="Close"><span class="rdClose">&nbsp;</span></a></li></ul>
    </div></td>
    <td unselectable="on" class="rdRight">&nbsp;</td>
   </tr>

you can see that the <em>Message</em> should be <em class="rdTitle">Message</em> but is not.

many thanks.

Sean

1 Answer, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 18 Nov 2009, 01:43 PM
Hi Sean,

With Q3.2009 we have introduced an improved rendering that solves a number of previous issues reported by our customers. Unfortunately this changes might cause some of the custom CSS that worked with the previous version to not work with the latest version.

To set a custom font to the dock's title use the .RadDock .rdCenter EM class. For example the following CSS will make the title text bold:

<style type="text/css">
    .RadDock .rdCenter EM
    {
        font-weight: bold !important;
    }
</style>


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
sean ma
Top achievements
Rank 1
Answers by
Pero
Telerik team
Share this question
or