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

Centering RadDock's Titlebar text.

1 Answer 51 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Sean
Top achievements
Rank 2
Sean asked on 18 Feb 2011, 02:11 AM
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!

1 Answer, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 23 Feb 2011, 12:08 PM
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!
Tags
Dock
Asked by
Sean
Top achievements
Rank 2
Answers by
Pero
Telerik team
Share this question
or