Skip to main content
Solved

UGUI: make grid scrollbar size bigger

  • October 24, 2025
  • 1 reply
  • 31 views

Forum|alt.badge.img+8

Our users requested to make the scrollbars a bit bigger in the Universal GUI. Is there a way to change this?

I have tried the following custom css, but I was only able to change the form scrollbar. The grid scrollbar remains unaffected.

 

::-webkit-scrollbar {
  width: 20px !important;
height: 20px !important;
}


.ag-body-vertical-scroll,
.ag-body-vertical-scroll-viewport,
.ag-body-vertical-scroll-container {
width: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
}

.ag-body-horizontal-scroll,
.ag-body-horizontal-scroll-viewport,
.ag-body-horizontal-scroll-container {
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
}

 

Best answer by Erik Brink

It seems like you found the proper ag-grid style classes.

Scrollbars can be styled using this:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scrollbars_styling

We can not guarantee the component keeps working as expected doing this. You might miss some pixels at the end.

There is currently no way to set it differently.

This topic has been closed for replies.

1 reply

Erik Brink
Moderator
Forum|alt.badge.img+5
  • Moderator
  • Answer
  • October 24, 2025

It seems like you found the proper ag-grid style classes.

Scrollbars can be styled using this:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scrollbars_styling

We can not guarantee the component keeps working as expected doing this. You might miss some pixels at the end.

There is currently no way to set it differently.