Skip to main content
Solved

Very small scroll bars

  • February 6, 2023
  • 4 replies
  • 148 views
Harm Horstman
Superhero
Forum|alt.badge.img+21

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?


 

Best answer by Kasper Reijnders

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; 
}

 

View original
Logic will get you from A to B. Imagination will take you everywhere (Albert Einstein)
Ricky
Patrick Zwinkels
2 people like this
  • Ricky
    Ricky
  • Patrick Zwinkels
    Patrick Zwinkels
Did this topic help you find an answer to your question?
This topic has been closed for replies.

4 replies

Kasper Reijnders
Forum|alt.badge.img+5

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; 
}

 

Harm Horstman
Marius Korff
2 people like this
  • Harm Horstman
    Harm Horstman
  • Marius Korff
    Marius Korff
Blommetje
Forum|alt.badge.img+13
  • Blommetje
  • Partner
  • 209 replies
  • February 7, 2023

That doesn’t feel very low-code to me 😆

But thnx, useful! 

Harm Horstman
Balazs Szeder
2 people like this
  • Harm Horstman
    Harm Horstman
  • Balazs Szeder
    Balazs Szeder
Kasper Reijnders
Forum|alt.badge.img+5

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

Marius Korff
1 person likes this
  • Marius Korff
    Marius Korff
Arie V
Community Manager
Forum|alt.badge.img+12
  • Arie V
  • Community Manager
  • 1034 replies
  • February 7, 2023

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 @Harm Horstman that the current scroll bar is absolutely not a proper default scroll bar to work with. And it can’t seriously be expected from every client to have to apply custom CSS to fix this…

@Erik Brink could this please be fixed properly for all screens soon?

Erik Brink
Balazs Szeder
2 people like this
  • Erik Brink
    Erik Brink
  • Balazs Szeder
    Balazs Szeder
Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings