RadListBox - Set width dynamically depending on Text of Item

[Nayan]

Hello,

By default every item text gets wrapped if its longer than width of RadListBox.
How to set width of RadListBox dynamically based on text of item. Basically I want to expand width of RadListBox, without wrapping text of item.
In below example, 3rd item gets wrapped automatically. I want to expand RadListBox in a way that it can fully accommodate 3rd item without wrapping or scroll bar.
 
  <telerik:RadListBox
        runat="server" ID="RadListBoxSource"
        Height="200px">
        <Items>
            <telerik:RadListBoxItem Text="China" Value="1"/>
            <telerik:RadListBoxItem Text="Egypt" Value="1"/>
            <telerik:RadListBoxItem Text="England England England England England England England England England" Value="1"/>
            <telerik:RadListBoxItem Text="France" Value="1"/>
        </Items>
    </telerik:RadListBox>

Appreciate any help.

Thanks
Paresh

[Bozhidar]

Hi Paresh,

You can do that simply by adding the following CSS:

.RadListBox_Default
{
    width:auto !important;
}

If you use some skin, change the selector, so that instead of Default it says the skin name. For instance, if you use the Forest skin, it should look like:

.RadListBox_Forest
{
    width:auto !important;
}

 
Regards,
Bozhidar
the Telerik team