Vertical scroll bar in a custom component

Hi everyone

I’m currently developing a plugin for Grasshopper in C#, and some of my components need a text box that interacts with the user’s clicks. For example, in my text box, I have a list of the plugins that the user is currently using. If more plugins are added, the list automatically updates, and the text box grows in size, which also makes the component box bigger.

This is the component I have created:

image

image532×454 10.7 KB

Then I saw the components in RiR… the display looks fantastic! They have a vertical scrolling bar on the side, and users can interact with it, search, etc. I was wondering: how do you create a text box with a vertical scrolling bar that users can interact with? Is there any documentation or resources about this that I might be missing? Any guidance would be greatly appreciated.

I am talking about this component for example

image

image325×282 39.5 KB

Thanks a lot!

I am trying to do the same, i managed to get the looks, but the functionality is killing me, when i scroll trying to use the bar, the canvas zooms in. Did you manage?