Why are scroll bars in the Universal GUI so very small and light grey? Users barely recognize them the first time.
Or is it easy to adjust them with custom CSS?
You can do this with custom css. For example by using this code, I've added !important to all because else they are not specific enough.
/* width */
::-webkit-scrollbar {
width: 20px !important;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey !important;
border-radius: 10px !important;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: red !important;
border-radius: 10px !important;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #b30000 !important;
}
That doesn’t feel very low-code to me
But thnx, useful!
It is not no-code, but is in line with the universal documentation on custom styling: https://docs.thinkwisesoftware.com/docs/sf/themes#css-classes-in-the-universal-gui
Apparently since Universal GUI 2023.1.10 the scroll bar has generically been degraded in usability.
The same scrollbar in the entire application
Due to a lack of updates and crashes from the third-party component we used for our scrollbars, we have decided to remove that component entirely.
This means that all scrollbars are now similar to the scrollbars in the grid.
We have longstanding TCP issues that actually requested the earlier Forms scroll bar to be applied to Grid and Resource Scheduler too.
We haven’t tested the suggested custom CSS just yet, but I totally agree with
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.