Minumum scrollbar size NOT working!

In SkinStudio, Controls -> Scrollbars
Let's focus on vertical scrollbar here.

There're two settings:
1. Minimum slider size: 0 ~ 32767, default is 40
2. Small slider size switch: 0 ~ 32767, default is 40

I don't really understand (2). The help window font is too small to see. (cannot change font or copy!)

If I set it as default, 40, the scrollbar will have part of its top overlapped by "Up" Arrow image.
This becomes ugly when you use Mac OSX like scrollbars. (rounded bar)
If I set it as 16, it works correctly.

However, no matter what value I choose, when I enter a web page that is long enough,
the scrollbar becomes so tiny (less than 10 pixels, it looks like the bottom part of the scrollbar) that
looks very very ugly.

Anyone who uses Mac OSX scrollbars can check Rainlendar official site to see if your scrollbar works fine:
Link

I'm using WB 4.3.
So, is this a bug or I need to choose a better value?

Thanks for you experts' help.

4,406 views 6 replies
Reply #1 Top
You can define 2 scrollbar images. One for the normal scrollbar, and one for when the srollbar gets tiny.
The Minimum Slider Size is the smallest the normal scrollbar can be before it starts to distort. The Small Slider Switch settings is to tell WindowBlinds when to switch to the Small scrollbar.

Does that help?

Reply #2 Top
I was confused.
Based on your comments, if the scrollbar becomes smaller than minimum scrollbar size, WB will TRY to distort it?
If so, it seems that only one value is necessary.
If scrollbar is smaller than this value, use the alternating scrollbar image. If it's not smaller, just use the normal image.

I thought minimum scrollbar value tells WB that don't shrink the scrollbar anymore, keep this minimum size.
That is, the minimum scrollbar you'll see is your defined size.
In this way, we can ensure that the scrollbar always looks pretty.
Is there any method I can force the scrollbar use normal image and still have minimum size?

Thanks again.
Reply #3 Top
No, I'm not saying WB will TRY to distort the image. But if your scrollbar image is 20 pixels high, and the scrollbar on a page is only 15 pixels, it can't help but be distorted. That's where the small image, and the switch comes into play.
Reply #4 Top
okay, I guess I've found the rule.

Assume minimum value is BIGGER than small-slider switch value.

1. if scrollbar is bigger than minimum value, just fine.
2. if scrollbar is smaller than minimum value but bigger than small-slider switch value, the scrollbar image COULD get distorted.
3. if the scrollbar is smaller than small slider switch value, WB will use the small-scrollbar image to decorate it.
Note that even small-scrollbar image is used, distortion could still happen because the actual scrollbar size returned by OS could be even smaller than your small-scrollbar image size. WB need to shrink your image anyway.
4. Following (3), it's better to use rectangle-shaped image as small-scrollbar. Rounded scrollbar like Max OSX does not scale well.
Scaling tiny size images is difficult (if not impossible) to get beautiful looks.
That's why rectangle shape helps.
With rounded small-scrollbar, you'll see like half-circle ugly scrollbar when you read a long enough page.
(see the link in the first post to test.)

At last, my experiment shows that 16x16 image is a good choice for small-scrollbar.
Reply #5 Top
I try to keep my small scrollbar images at 7x16.... your milage may vary.
Reply #6 Top
There is a third way to address this problem. You can add an entry in the [Scrollbars] section of the Code tab (UIS file) that reads:

MinThumbSize=

This will limit the "downsizing" of the standard srollbar thumb to a certain height/width when a window with a scrollbar is very large. I've used it to keep scrollbars with rounded ends from getting distorted & just played around with the numerical setting until it looked "right" - a sphere, say. This is useful for skins that don't include a Small Slider image, and can avoid the need to include one if you are creating a skin. There is still an occasional problem with the slider and the scrollbutton "overlapping" when you move the slider all the way to the top/bottom/right/left using this method, however, and maybe the Small Slider switch setting & using a Small Slider graphic is a better method. I'll have to try it myself.

Cheers,
Daiwa