OpenXTalk Forums

Fooling around while nursing a temperature . . . some sort of 'flu bug: aching like buggery, sweating like a pig.
-

richmond62 wrote: ↑Wed Nov 15, 2023 11:34 am Fooling around while nursing a temperature . . . some sort of 'flu bug: aching like buggery, sweating like a pig.

Hope you feel better soon. Don't worry about OXT and all this stuff, I'm making good progress. Have added draggable sliders today and toolbar button panels. Think we now have a full set of UI decorations for MacOS X 10.6, so I'll move on to the 10.7 - 10.9 ones.

Then onto 10.10 ones, Big Sur - etc. Going to need to ask you for Mac OS Sonoma Screenshots, in light & dark mode, but I'll cross that bridge when I come to it. That's a way off yet.

Oh, I am not fooling around in an urge to outdo you. I am fooling around because of 2 things:

1. I feel ill, and want to take my mind off that.

2. I was worried about how to accommodate a text resize inwith a graphic object.

Of course this fooling around is really fotally tucked as it is ONLY because in xTalk it seems impossible to set the corner radius of buttons:
- -
And using an image with rounded corners as a backGroundPattern screws up on resizing.

'Roger the Dodger' [HyperStudio] manages to hang onto its rounded button corners on a resize [although there seems no way to adjust the corner radius]:
- -
While one CAN set the style of a button to 'rounded corners' the cornerRadius cannot be adjusted:
- -
If this can be effected with a graphic I wonder why it cannot be effected with a button.

richmond62 wrote: ↑Wed Nov 15, 2023 12:47 pm I am not fooling around in an urge to outdo you.

Haha, don't worry - I didn't see it like that.
Not about anyone outdoing anyone else. The more the merrier as I guess it's all experimentation.
You've hit on an interesting issue though with the scaling thing.

I wasn't too worried, as interface elements are generally set to one size fits all.
However on something where accessibility is a consideration, I can see where having a button that scales and keeps rounded corners would be handy.

At the moment, the only way I can think of doing it is coming back to your SVG solution, but using a mixture of the 'sandwich' idea, with a text field over the top of the group that scales. That way, a user can easily change the text in the button from inside OXT, and the button - background and rounded corners would also scale. More work though to draw the SVG with all the required detail, and would take a long time. However, you'd end up with something that's scalable I guess.

The more shading and detailing that goes into each element becomes a chore to reproduce as an SVG. Unless you can trace each bitmap-fixed-resolution graphic the button is based on, and convert to scalable SVG vector graphics.

No need to use an SVG: see this example:
- -

That's fine in theory, but when the card updates (or if you change to another card, then come back) does the image go back to its original size?

I can't test as not near a computer at the moment, trying to type this on a phone.

Not if you lock the image used as the backGroundPattern.

So, yes - that does indeed resize, and keeps the rounded corners.
However, the image in the middle is simply upscaled upon resizing so becomes pixellated.
That's not too bad on the image in this example, but with a more complex background image, the pixellation is more noticeable.
But, it does work.

You might want to also add: So that when the user drags the button around, the hidden image 'aqua' follows. This helps ensure that the resizing works as expected.

The main problem about my version is that it looks as falt as a flat thing.

If one could get it to look like this inwith xTalk [this mockup faked up in GIMP], it would pass muster:
-

I ran off some "Scream shots" of the Sonoma buttons (which I do NOT like: especially the progress bar).

I did them against white and then against pale orange for contrast:
- - -
I do not understand what these are, so if you can explain, I'll have a go:
-

And here "we go again" in Dark Mode . . . for what its worth:
- -
and with my having set the textColor of the buttons to black:
-

Hi Richmond.
I appreciate you supplying these, however this illustrates the point as to why I'm creating this. You'll note that the sonoma representations of these things is largely incorrect in OXT / LCC. Please can you grab screenshots of the controls shown in System Preferences (General) is a good place to compare what popup lists should look like, as opposed to OXT / LCC's 'representation' of them. (That's the kindest way I can describe their efforts).

I suggest using system preferences for screenshots, or maybe Disk Utility, as being Apple applications, they conform to what the system should show throughout.

Progress on the 10.6 UI bits is pretty much there I think. I'll move onto the 10.7 ones.
I've fixed a few little resizing bugs with my stack, and I also added a check to only play the pulsing animation (shown in this gif) when the button is visible.

Mac OS X 10.7 "Lion" > 10.9 "Mavericks" themes done: Also, Mac OS X 10.10 "Yosemite > 10.14 "Mojave": Mac OS X 10.15 "Catalina" (dark and light mode variants)