Fit a color palette to scaling on GUI frame

Help and Feedback Art Design Support
1

This color palette is based off images and has problems with scaling. I am looking to see if I can fix this with alternatives or a probable solution as I am not an expert at UI.

I did use Scale for size & position, so Offset is unused and not involved here. I believe it’s just based on that they’re ImageButtons. I don’t know if it’s possible to reproduce the same results in a UIGradient because I am basing this off HSV color picker script that probably needs to be a perfect palette as it isn’t based on the image as well as the gradient bar.

I am looking on how to fix the scaling problem or an alternative that will fix it.

The video doesn’t really show it clipping off but given it resizes enough, it’ll clip out of the frame.

2

Hey, I might not understand what you’re trying to do but here’s my suggestion:

You should make a frame and place that image and that bar next to it inside a frame or perhaps imagelabel? Once you’ve done that, insert inside the frame UIAspectRatioConstraint. What that does is scale the whole frame with the screensize. Play with it’s value and frame’s size so you can get it perfect.

3

Basically what I am saying is because I am using images, Scale for position & size seems to have no effect because they stay the same size no matter the screen size. It’s as if I am using only offset even though I am utilizing the scale values.