Problem with skins

4 posts, 0 answers
  1. Anouck Godeau
    Anouck Godeau avatar
    1 posts
    Member since:
    Oct 2009

    Posted 21 Oct 2009 Link to this post

    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?


  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 22 Oct 2009 Link to this post

    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.
  3. Llorens Mathieu
    Llorens Mathieu avatar
    19 posts
    Member since:
    Jan 2009

    Posted 22 Oct 2009 Link to this post

    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,



  4. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 22 Oct 2009 Link to this post

    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.
Back to Top