RADDOCK missing class="rdTitle"

2 posts, 0 answers
  1. sean ma
    sean ma avatar
    1 posts
    Member since:
    Nov 2009

    Posted 16 Nov 2009 Link to this post

    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
  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 18 Nov 2009 Link to this post

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