Rad Panel nowrap - how to

[juan]

Hi guys,

I think this is a basic question. Is there anyway I can stop the auto wrapping of the rad panel item?
The "Item 3" has long text.

Right now the output is like this:
=============
Item 1
=============
Item 2
=============
item 3 long text,
long text, long te
xt, long text, long
text
=============
Item 4
=============

We tried to use - white-space: nowrap; - in css but not working. Or, maybe we're doing something wrong.

.RadPanelItemThingy
{
 background-image: url('/_layouts/images/PanelSelected.gif');
 background-repeat: no-repeat;
 width:190px;
 height:25px;
 font-family:Arial;
 font-weight:bold;
 font-size:12px;
 padding-left:10px;
 line-height:25px;
 white-space: nowrap;
 color:#FFFFFF
}

Regards,
Juan

[Yana]

Hello Juan,

Please add the following css style to your page in order to prevent wrapping:

<style type="text/css">
    .RadPanelBar .rpText {
        white-space: nowrap !important;
    }
</style>

Regards, Yana
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[juan]

Hi Yana,

Thanks. That solved the problem. But raising new problem on our side since it will adjust the left sife panel width but this is out of scope for this thread. Thanks for the reply.

Regards,
Juan