Word wrap a RibbonBarButton text

[Remco]

Hello,

Some of our RadRibbonbuttons have a text like 'Send direct e-mail'. This looks very odd in the RibbonBar, see image.
Is there a property or workaround to Word Wrap a RibbonBarButton text?  

Kind Regards,
Remco

[Bozhidar]

Hi Remco,

Try the following CSS rule:

div.RadRibbonBar div.rrbButtonGroup .rrbButtonOut .rrbTextContent {
    white-space:normal
}

Hope this helps Regards,
Bozhidar
the Telerik team

[Remco]

Thanks Bozhidar,

When I add this CSS rule to the page and set the button width, the text is nicely word wrapped. 

Regards, Remco

[Thomas]

The Button Text is wrapped, but the wrapped text in the 1st and 2nd line isn't centered. Is it possible to do that?

Thanks.

/Thomas

[Shinu]

Hi Thomas,

Try overriding the default CSS as follows to align the text in the center.

CSS:

<style type="text/css">
        div.RadRibbonBar div.rrbButtonGroup .rrbButtonOut .rrbTextContent
        {
            white-space: normal !important;
            text-align:center !important;
        }
</style>

Hope this helps.

Regards,
Shinu.

[Thomas]

Works perfect - thanks! :)

/Thomas