8 Answers, 1 is accepted
You should set Width and Height properties of the listbox and add the following css styles to your page:
<style type=
"text/css"
>
div.RadListBox .rlbText{
white-space
:
nowrap
;
}
</style>
in order to prevent text wrapping.
Greetings,
Yana
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.



I just verified it in IE 8 and FireFox 3. Without the white-space nowrap, it will attempt to wrap the text, and show the scrollbar just to scroll the extra white space.

Thanks,
-jim
Just mark the RadListBox with a custom CSS class:
<
telerik:RadListBox
runat
=
"server"
ID
=
"RadListBox1"
CssClass
=
"noWrapRadListBox"
>
...
</
telerik:RadListBox
>
<style type=
"text/css"
>
div.noWrapRadListBox .rlbText{
white-space
:
nowrap
;
}
</style>
I hope this helps.
Greetings,
Tsvetomir Tsonev
the Telerik team


/* Line 26 */
.RadListBox *
{
}
/* Line 26 */
.RadListBox .rlbButtonText
{
position: relative;
display: inline-block;
z-index: 1;
padding-left: 20px;
padding-top: 3px;
line-height: 15px;
background-color: transparent;
text-align: left;
}
/* Line 29 */
.RadListBox_Default .rlbText, .RadListBox_Default .rlbItem, .RadListBox_Default .rlbButtonText, .RadListBox_Default .rlbEmptyMessage
{
font-size: 12px;
font-family: "Segoe UI",Arial,sans-serif;
color: #333333;
}
/* Line 29 */
.RadListBox_Default .rlbButtonText
{
background-color: transparent;
background-image: url("/WebResource.axd?d=vxamXpVUhrCH0poTowDzJjfw4F5JOSjyNYR1aqrjEy9ZJBiHR2OasR9lcAEeI0YMSSH9u1lLqVqqHlrnNgkwYW70Z-55r7n4ik6DYgCk08mcTviuV4ccGkF7fdqgV1gy8QNC-o_3n05NvEheyE8M0SMEXcwa-vQGodNj1YeLuyQ1&t=634861472300000000");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}
/* Line 26 */
.RadListBox .rlbNoButtonText .rlbButtonText
{
padding-left: 18px;
width: 0px;
font-size: 0px;
}
/* Line 26 */
.RadListBox .rlbNoButtonText .rlbButtonText
{
}
/* Line 29 */
.RadListBox_Default .rlbDisabled .rlbButtonText, .RadListBox_Default .rlbDisabled:hover .rlbButtonText
{
color: #888888;
}
/* Line 29 */
.RadListBox_Default .rlbButton:hover .rlbButtonText
{
color: #ffffff;
}
/* Line 29 */
.RadListBox_Default .rlbDisabled .rlbButtonText, .RadListBox_Default .rlbDisabled:hover .rlbButtonText
{
color: #888888;
}
/* Line 29 */
.RadListBox_Default .rlbButtonAreaRight .rlbTransferToDisabled .rlbButtonText, .RadListBox_Default .rlbButtonAreaLeft .rlbTransferFromDisabled .rlbButtonText, .RadListBox_Default .rlbButtonAreaLeft .rlbTransferFromDisabled:hover .rlbButtonText, .RadListBox_Default .rlbButtonAreaRight .rlbTransferToDisabled:hover .rlbButtonText
{
background-position: -200px -100px;
}
/* Line 29 */
.RadListBox_Default .rlbButtonAreaRight .rlbTransferToDisabled .rlbButtonText, .RadListBox_Default .rlbButtonAreaLeft .rlbTransferFromDisabled .rlbButtonText, .RadListBox_Default .rlbButtonAreaLeft .rlbTransferFromDisabled:hover .rlbButtonText, .RadListBox_Default .rlbButtonAreaRight .rlbTransferToDisabled:hover .rlbButtonText
{
background-position: -200px -100px;
}
Not sure this will help but the button is overlaping with radlistbox.