[Solved] Dropdownlist Alternating row colors

[Carlyle]

I have tried to find an example of how to get alternating rows for my dropdownlist but i'm unable to do so. Can this be down for hmtl dropdownlist?

[Dimo]

Hello Carlyle,

You can achieve the desired appearance by using the following CSS rule:

.t-popup .t-item:nth-child(2n+1)
{
    background:red;
}

However, this does not work in IE8 and below. If you have to support this browser, then a Javascript approach is required:

Html.Telerik().ComboBox().Name("ComboBox").ClientEvents(ev => ev.OnOpen("applyCss"))

function applyCss(e)
{
    var items = $(this).data("tComboBox").dropDown.$items
    var l = items.length;
    for (var j = 0; j < l; j++)
    {
        if (j % 2 == 1)
          items[j].className += " t-alt";
    }
}

I recommend you to use a flag and execute the handler only once. If you use web service or AJAX binding, you can subsribe to the OnDataBound event instead. By adding the t-alt CSS class, you will use the native alternating backgrounds. Of course, you can use custom styles as well.

Greetings,
Dimo
the Telerik team