Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Docking > Applying Skins for scrollbars
RadControls for ASP.NET are no longer supported (see this page for reference). In case you have inquiries about the Telerik ASP.NET AJAX controls, post them in the pertinent ASP.NET AJAX forums.

Not answered Applying Skins for scrollbars

Feed from this thread
  • suvina paul avatar

    Posted on Jul 13, 2010 (permalink)

    hi,

    I have a widget which has vertical and horizontal scroll bars. How to apply the skin applied to the raddock, to the scroll bars also.
    Pls find attachment for the widget with scrollars.

    Regards,
    Suvina.
    Attached files

  • Bozhidar Bozhidar admin's avatar

    Posted on Jul 13, 2010 (permalink)

    Hello Suvina,

    You could not apply styles to the scroll bars except in Internet Explorer.

    One important thing you must know about a colored scroll bar is that it does not work in Gecko-based and WebKit browsers (Firefox, Netscape Navigator, Mozilla, Safari, Chrome): It is an Internet Explorer's only property. It is not a standard property or a proprietary property. According to W3C, these properties are illegal: they are neither defined in any CSS specification nor are they marked as proprietary (by prefixing them with "-vendor-").

    However, if you want to style the scroll bars only in Internet Explorer, you could check the following example, that I have prepared for you:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
        <style type="text/css">
            .rdContent tr
            {
                height: 80px;
            }
            .rdContent
            {
                scrollbar-base-color: #000;
                scrollbar-arrow-color: #eee;
                scrollbar-shadow-color: #666;
                scrollbar-lightshadow-color: #999;
                scrollbar-darkshadow-color: #666;
                scrollbar-highlight-color: #999;
                scrollbar-3dlight-color: #000;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <table style="width: 100%;">
            <tr>
                <td style="vertical-align: top">
                    <telerik:RadDock ID="RadDock1" runat="server" Title="Blogs" Width="400" Height="400"
                        EnableAnimation="true" EnableRoundedCorners="true" Resizable="true" Top="20"
                        Left="20" Skin="Black">
                        <ContentTemplate>
                            <table width="500" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td>Simple text</td>
                                </tr>
                                <tr>
                                    <td>Simple text</td>
                                </tr><tr>
                                    <td>Simple text</td>
                                </tr><tr>
                                    <td>Simple text</td>
                                </tr><tr>
                                    <td>Simple text</td>
                                </tr>
                            </table>
                        </ContentTemplate>
                    </telerik:RadDock>
                </td>
            </tr>
        </table>
        </form>
    </body>
    </html>

    The example is bases on Telerik RadDock Black skin, so I have added a few styles in the document header to make the scroll bars black styles in Internet Explorer. This code will no take effect in browsers like Firefox, Opera. Safari and Chrome. Please, find attached scrolls.gif showing comparison between the result form the above code in Internet Explorer and Firefox.

    Greetings,
    Bojo
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
    Attached files

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Docking > Applying Skins for scrollbars