How to custom style of verticalscroll with RadPageViewPage?

[jiang]

Hello!

I'm using RadPageView in my app. In my code I set the AutoScroll property.

foreach( RadPageViewPage page in radPageView2.Pages)  
            {  
                page.AutoScroll = true;  
            }  

The scroll axis is displayed as shown in the attached file, I want to custom style of verticalscroll ;for example, scroll background color, thumb background color,height. 

But, I couldn't find a way to get scrollbarElement to set style. What should I do?

Your reply is appreciated.

[jiang]

I forgot to mention that RadPageView selects strip mode.

[Nadya | Tech Support Engineer]

Hello Jiang,

I would like to note that the AutoScroll property that you set is an inherited property and it enables showing of the standard MS ScrollableControl which is within the RadPageViewPage. I would recommend you to replace the standard ScrollableControl with a RadScrollablePanel on each page of RadPageView. You can just drag it from the Toolbox and drop it in the RadPageViewPage, then set its Dock property to Fill. Thus, if you place a control which bounds exceed the panel, the respective scrollbar will be shown. 

Please refer to the following code snippet that demonstrates how you can customize the respective scrollbar that is shown:

//size
this.radScrollablePanel1.VerticalScrollbar.ScrollBarElement.MaxSize = new Size(18, 0);
//backcolor
var scrollFill = this.radScrollablePanel1.VerticalScrollbar.ScrollBarElement.Children[1] as FillPrimitive;
scrollFill.BackColor = Color.Violet;
//thumb backcolor
this.radScrollablePanel1.VerticalScrollbar.ScrollBarElement.ThumbElement.ThumbFill.BackColor = Color.Yellow;   this.radScrollablePanel1.VerticalScrollbar.ScrollBarElement.ThumbElement.ThumbFill.GradientStyle = GradientStyles.Solid;

I hope this helps. If you need further assistance do not hesitate to contact me.

Regards,
Nadya
Progress Telerik