RadScrollBarElement + Larger

[Bryan Brannon]

I have a RadScrollbar (RadVScrollBar) working great except for some sizing problems.

I want to increase the size of the RadVScrollBar1.  I have increased the size of the .Size property and also adjusted the size of the thumb scroller according to:
http://www.telerik.com/support/kb/article/b454K-tmh-b454T-ckt-b454c-ckt.aspx

However, I want to adjust the size of the Up arrow and down arrow.  I want the area of clickability to be larger so it is easer to click on a larger sized control.  Also, is is possible to insert my own (arrow) image to replace the current arrows provided?

[Bryan Brannon]

I solved part of my problem.  With the RadVScrollbar1 in my form, I clicked the smart-tag and hit Edit UI Elements.

You can update the ScaleTransform property of the Telerik.WinControls.UI.ScrollBarButton element to modify the size scale.  I updated mine to 1.5 to increase the button size dynamically to 1.5x of the original.

The last thing is still un-answered is can I replace the default arrow with a custom image.

[Angel]

Hi Bryan Brannon,

Thank you for the followup.

Indeed, ScaleTransform will help you achieve what you are after. Alternatively, you could set the Padding or MinSize property for each button, but in that case the arrow will stay small. But you can easily extend the UI with our architecture. You can add an arbitrary element inside the button - see the attached project for a demo how to use the ImagePrimitive inside the scrollbar buttons.

Note that if you use scaling for the scrollbar buttons, the images inside them will also scale since the ImagePrimitive is a child of a scaled element (the scrollbar button).

  
Sincerely yours,
Angel
the Telerik team

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

[Ben]

I came here looking to do the same thing Bryan asked, but was never answered: "The last thing is still un-answered is can I replace the default arrow with a custom image."

How can I replace the arrow image on the scrollbars?

I have attempted this but it does not change the image.:

TableElement.VScrollBar.FirstButton.Image = global::Core.Client.telerik.Properties.Resources.chevron_up_dark;

TableElement.VScrollBar.SecondButton.Image = global::Core.Client.telerik.Properties.Resources.chevron_down_dark;

 

Any help would be awesome.

 

Ben

[Hristo]

Hello Ben,

Thank you for writing.

The project my colleague submitted provides an example how an image can be added and the default arrows substituted. Could you please check and let me know if you need further assistance.

I hope this helps. Should you have further questions please do not hesitate to write back.

Regards,
Hristo Merdjanov
Telerik by Progress

[Ben]

Thank you. I will do that today!

[Ben]

Thank you very much. The above sample had exactly what I needed.

 

Ben Marsh