Centering RadDock's Titlebar text.

2 posts, 0 answers
  1. Sean
    Sean avatar
    200 posts
    Member since:
    Nov 2010

    Posted 17 Feb 2011 Link to this post

    Hi Telerik,

    This should (hopefully!) be really simple.

    I have this:

    .RadDock .rdTop{text-align:center;}

    This does basically what I want -- it centers the title of the RadDock. But, when the calculation is made on where to center it, it takes into consideration the far LHS of the RadDock to the start of the first command on the RHS. This is causing my text to be displayed off-center compared to the content in the RadDock.

    Is there a way to do something like text-align:center text-shift-right: 38px? I tried using text-indent, but it seems to indent how far the icons are from the RHS and not the text itself.

    Thanks!
  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 23 Feb 2011 Link to this post

    Hello Sean,

    The following CSS will center the title of all the docks on the current page:

    <style type="text/css">
        .rdTitleBar EM
        {
            margin: 0 auto !important;
            width: 100% !important;
        }
        .RadDock .rdTop .rdTitleBar
        {
            text-align: center;
            position: relative;
        }
        .rdCommands
        {
            position: absolute !important;
            right: 0px;
        }
    </style>


    Best wishes,
    Pero
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top