Issue with Custom GUIs

[eternal depot]

me and my friend have been working on a Custom GUI using a Java GUI Pack resources. it works perfectly on PC, however on mobile everything also works however the buttons are offset to the left.

The first picture (The perfect looking one 😂) is the PC version

The second picture is the mobile one.

[spice shuttle]

@eternal depot send the code part of placement

Do you use pixel or percentage for sizing ?

[lean hatch]

before we used pixel, then i switched it to percentage and it was exactly the same

[spice shuttle]

@lean hatch that's a chest-ui or formui ?

[lean hatch]

formui

[spice shuttle]

Hmm

[lean hatch]

fully form and glyph based

[spice shuttle]

@lean hatch maybe it's anchor

[lean hatch]

"anchor_to": "center_left",
"anchor_from": "center_left",

should i try redesign it with center_middle or smt cant remember the exact naming?

[spice shuttle]

I'm not sure but I think this can fix your issue

[lean hatch]

btw the scrollbar on the mobile one is more to the right than the pc one, so its not even like everything moved, the buttons moved left, and the scrollbar moved slightly right

[spice shuttle]

Bizarre

[lean hatch]

pc version

mobile version

both exact same code, also ive tried on different size pc screens, works etc

[lean hatch]

will give it a shot thx

[lean hatch]

tho phone is 16:10, while the screens ive tested it on for pc are 16:9

[spice shuttle]

Try changing your UI size on mobile @lean hatch

[lean hatch]

oooh yeah thx 1 sec

ok checked yeah same issue still

but yeah gimme 30min or so gonna change the anchor, probs gonna take less but who knows what that might break xd

[spice shuttle]

Ouch

[spice shuttle]

Backup before doing anything

[eternal depot]

probably a good idea

[eternal depot]

how does the UI look? visually

[spice shuttle]

@eternal depot good no problem

[lean hatch]

@spice shuttle so ive been messing with anchors, and no matter what i set them to theres no visual change at all

[spice shuttle]

Hmm

[lean hatch]

ok nvm was changing the wrong value xd

checking if its fixed mobile

[lean hatch]

no still broken

[lean hatch]

@spice shuttle got it working! thanks for u help, it was a combination of anchors and offsets that was the issue

got the buttons working perfectly on mobile and pc, the scrollbars a bit offset on mobile but perfect on pc, tho due to the screen aspect rations and my limited ui knowledge im not able to fix that rn, but the main thing was the buttons and thats now fixed

[spice shuttle]

Perfect! Your welcome 🤗

[lean hatch]

oo thx

[dapper hedge]

nppp you should take a look at the JSON UI doc (https://wiki.bedrock.dev/json-ui/json-ui-intro.html)

[lean hatch]

yeah i checked it after xd, thanks tho, still new to this

only started learning yesterday lol

[eternal depot]

looks fire 😍