Hi, the task is to customize the scrollbar with the assets below, I have not found a way to do this, are there any ideas? Thank ) [image] [image]

Well, it isn’t pretty, but you can always overwrite functions of a GUI component: https://www.babylonjs-playground.com/#13CF95#66 Making an official way to do it would be best of course…

How about barColor and barBackground? https://www.babylonjs-playground.com/#13CF95#65

@MartynovOleg , unfortunately looking at the docs there’s not a lot of customization you can do to the Babylon.GUI.Scrollbar other than basic positioning, color and size. https://doc.babylonjs.com/api/classes/babylon.gui.scrollbar @Deltakosh , got any ideas of how to replicate the wireframe?

It’s sad. Thank you)) I thought maybe there are some workarounds, etc.)

@Gijs Not a bad start! @MartynovOleg you can also look into creating an HTML form for your menu that displays over the BabylonJS Canvas.

Pinging @JohnK as he is the author of the scrollbar

Very cool! :slight_smile: Thank you)

Will have a look at adding image based scrollbars into the scrollviewer unless @Gijs who showed the way to do it would like to do the PR.

[image] JohnK: @Gijs It’s hard for me personally to understand how his code works, but I really want to)

Customize scrollbar

Questions

MartynovOleg November 12, 2019, 8:53pm 3

Thank.Ok, can I change the shape of the scroll bar? To have rounded edges? as in this picture

Topic		Replies	Views
Scroll Viewer usecase & questions Questions	19	652	February 6, 2024
ScrollViewer to adjust scroll position in code Questions gui	6	1172	January 27, 2022
Navigation GUI for tablets & mobiles Questions	18	3214	February 26, 2023
GUI Editor #slider; add missing properties Feature requests gui , gui-editor	0	35	September 14, 2024
Scrollbar border color Questions gui	2	592	January 25, 2022

Customize scrollbar

Related topics