Style Scroll bar in Multipage

[Thomas Maxwell]

Hi,

I cannot seem to get this, I have a multipage with a label in it that dynamically populates a list, I have set scroll to auto, but no matter what I have tried I cannot seem to style the scroll bar, the design has a custom looking scroll bar so I need to make the scroll bar look as close to that as possible. Is there a way to style the scroll bar in this control?

[Yana]

Hi Thomas Maxwell,

You can use the following approach:

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
       <telerik:RadPageView ID="PageView1" runat="server" Width="500px" Height="100px" CssClass="pageViewScroll">

       </telerik:RadPageView>
</telerik:RadMultiPage>

and here is the "pageViewScroll" css class:

<style type="text/css">
    .pageViewScroll
    {
        overflow: auto;
        scrollbar-arrow-color:#ff0;
        scrollbar-base-color:#ff6347;
    }
</style>

Regards,
Yana
the Telerik team

[Thomas Maxwell]

Thanks for the answer, is there a way to use images for the arrows and thumb?

[Yana]

Hi Thomas Maxwell,

There are various articles on the Internet about styling a scrollbar, for example here and here.

Best wishes,
Yana
the Telerik team