Problem with skins

[Anouck Godeau]

Hello,

I have a problem with the scrollbar of the listbox. When I apply a skin on my list box like that :

<telerik:RadListBox runat="server" ID="RadListBoxSource" Height="200px" Width="200px" SelectionMode="Multiple" Skin="Black">
        <Items>
            <telerik:RadListBoxItem Text="Argentina" />
            <telerik:RadListBoxItem Text="Australia" />
            <telerik:RadListBoxItem Text="Brazil" />
            <telerik:RadListBoxItem Text="Canada" />
            <telerik:RadListBoxItem Text="Chile" />
            <telerik:RadListBoxItem Text="China" />
            <telerik:RadListBoxItem Text="Egypt" />
            <telerik:RadListBoxItem Text="England" />
            <telerik:RadListBoxItem Text="France" />
            <telerik:RadListBoxItem Text="Germany" />
            <telerik:RadListBoxItem Text="India" />
            <telerik:RadListBoxItem Text="Indonesia" />
            <telerik:RadListBoxItem Text="Kenya" />
            <telerik:RadListBoxItem Text="Mexico" />
            <telerik:RadListBoxItem Text="New Zealand" />
            <telerik:RadListBoxItem Text="South Africa" />
            <telerik:RadListBoxItem Text="USA" />
        </Items>
    </telerik:RadListBox>

The skin is applied on the listbox's items but not on the scrollbar. I have a Windows style on it.
I tested it on IE8 and Firefox 3.0.14 with Telerik 2.826.35 and ASP .NET : 2.0.50727.3082.

How can I have the right scrollbar style?

[Paul]

Hi Anouck,

The Telerik skins (for all controls) do not style any scrollbars. Still, you can easily achieve your goal by adding some custom CSS style, i.e.:

<style type="text/css">
    .RadListBox
    {
        scrollbar-3dlight-color: #ffd700;
        scrollbar-arrow-color: #ff0;
        scrollbar-base-color: #ff6347;
        scrollbar-darkshadow-color: #ffa500;
        scrollbar-face-color: #008080;
        scrollbar-highlight-color: #ff69b4;
        scrollbar-shadow-color: #f0f;
    }
</style>

Mind though that scrollbar styling is possible under IE only.

Kind regards,
Paul
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.

[Llorens Mathieu]

Hi,

Thanks for your answer but my web site must work on all browsers and this solution works on IE only, just as you said.
In fact I looked at the demos of this component and I see some examples with skin on scrollbar on this page :
http://demos.telerik.com/aspnet-ajax/listbox/examples/default/defaultcs.aspx
If you browse through the "change style" combo box, you'll see screenshots which don't work after clicking on them (even on IE). That's why I thought it was possible.

Anyway, thanks, now I can say to my boss that it is not possible.

Best regards,

[Paul]

Hi Llorens,

Actually, the thumbnails at the demos are a bit misleading. Yes, the initial idea was to provide styled scrollbars for all skins. However, as this is possible under IE browser only, at one stage of the development we decided to abandon scrollbar styling and leave it to the OS. Anyway, the thumbnails will be changed with the next release of RadControls.

Regards,
Paul
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.