Rad ListBox Alignment

[brian]

Is there a way to align the list item horizontally?

Thanks

[Princy]

Hello Brian,

You can add the following css in your page to allign all listbox items in Horizontal ditection.

CSS:

<style type="text/css">
        .rlbItem
        {
            float:left !important;
        }
        .rlbGroup, .RadListBox
        {
            width:auto !important;
        }
</style>

Thanks
Princy.

[brian]

Thanks for your response. We tried but doesn't work. Could you provide a sample?

Thanks again.

[Princy]

Hello Brian,


Here is the code that I tried.

Mark-up:

<telerik:RadListBox Skin="Outlook" ID="RadListBox1" runat="server">
    <ButtonSettings TransferButtons="All"></ButtonSettings>
    <Items>
        <telerik:RadListBoxItem runat="server" Text="Item1" />
        <telerik:RadListBoxItem runat="server" Text="Item2" />
        <telerik:RadListBoxItem runat="server" Text="Item3" />
    </Items>
</telerik:RadListBox>

Style:

<style type="text/css">
    .rlbItem
    {
        float: left !important;
    }
    .rlbGroup, .RadListBox
    {
        width: auto !important;
    }
</style>

Here I found the forum link which discussed similar scenario: How to allign items in horizontal direction inside listbox

Could you provide the version of the control that you are trying, if this does not help?
Is it happening for any specific browser?


Thanks,
Princy.

[vivek]

Hi Princy,

I am populating data in RadListBox at runtime. Problem is the data into the RadListbox ia not left aligned. Could you please help me to align my data from the left. Currently it is center aligned. Is there any property to set. Please provide me sample.

Thanx in advance
Vivek

[Yana]

Hello vivek,

It seems that some styles on your pages overwrite RadListBox's style. Please send us a live url where the issue can be observed.

Greetings,
Yana
the Telerik team