Skip to main content
Solved

UGUI: make grid scrollbar size bigger

  • October 24, 2025
  • 1 reply
  • 28 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.

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.