How to align scrollable images?

[meat_punch]

Hello, when i making screens for my game, i had some problems.

like this picture, it isn't aligned.
and i want to hide the top and bottom image in left in this picture.

I tried to find solution to this problem for a day,
but i couldn't find solution to this.

This is code.↓

screen allchats():
zorder 45
viewport id "allchat":
scrollbars
mousewheel True


add "smartphone/allchats.png"


#xalign 0.5
#yalign 0.7
# xalign 0.7
#yalign 0.5

[cheonbyeol]

Could you specify more what you're trying to do?
What part do you want to align?
And what do you mean hide the images? Permanently, based on some conditions, etc.
Also the code definitely doesn't produce the whole screen you screenshotted, can you crop the image to the important part? Or if all is important, share more of the code?

[meat_punch]

i want to align the image in the left to right like this picture

Code: Select all

screen allchats():
     zorder 45
     viewport id "allchat":
         scrollbars        
         mousewheel True

        
         add "smartphone/allchats.png"

↑this is the code of screen that i'm making.
the right screen of this picture is not important.

i want make this screen can scrolled in frame like a smart phone.

[hell_oh_world]

try giving an `xysize` to your viewport, this should be the size where this image is clipped (the size of the smartphone screen to be exact.)

[meat_punch]

It works! thank you