Styling items

[Dona]

Hi

How to set the font as well as selected item background color from javascript?

Thanks,
Dona

[Princy]

Hi,

Please have a look at the following code.

ASPX:

<telerik:RadListBox ID="RadListBox" runat="server" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged"
    SelectionMode="Single">
    <Items>
        <telerik:RadListBoxItem runat="server" Text="Item1" />
        <telerik:RadListBoxItem runat="server" Text="Item2" />
        <telerik:RadListBoxItem runat="server" Text="Item3" />
        <telerik:RadListBoxItem runat="server" Text="Item4" />
    </Items>
</telerik:RadListBox>

JavaScript:

<script type="text/javascript">
    function OnClientSelectedIndexChanged(sender, args) {
        var items = sender.get_items();
        for (var i = 0; i < items.get_count(); i++) {
            if (sender.getItem(i).get_selected() == true) {
                sender.getItem(i)._textElement.style.fontFamily = "Arial Black";
            }
            else {
                sender.getItem(i)._textElement.style.fontFamily = "Segoe UI";
            }
        }
    }
</script>

CSS:

<style type="text/css">
    .RadListBox_Default .rlbGroup .rlbSelected
    {
        background: none repeat scroll 0 0 lime !important;
    }
</style>

Thanks,
Princy.