[SOLVED] vbox ignoring x and y align

[Dr_arell]

I got this screen defined, please pay attention to the vbox that contains the imagebuttons and the buttons. I tried making a button and placing it inside a vbox, the vbox was already placed with xalign and yalign, when i created the button the vbox stopped taking xalign and yalign and just decided to move at the top left of the screen, the button worked but now i cant move my vbox for some reason even though it has placements properties.

Code: Select all

screen ui_base():

    vbox:
        spacing 30
        yalign 0.5
        xalign 0.1
        imagebutton:
            idle "/images/screens/Store/menu_button.png" action SetVariable("menu_", clothes), Hide("inventory"), Show("store") focus_mask True

        imagebutton:
            idle "/images/screens/Store/menu_button.png" action SetVariable("menu_", technology), Hide("inventory"), Show("store") focus_mask True

        imagebutton:
            idle "/images/screens/Store/menu_button.png" action Hide("store"), Show("inventory") focus_mask True

        imagebutton:
            idle "/images/screens/Store/menu_button.png" action Hide("store"), Hide("inventory"), Hide("store"), Hide("ui_base") focus_mask True

        button:
            action Hide("store"), Hide("inventory"), Hide("store"), Hide("ui_base") focus_mask True
            add "/images/screens/Store/menu_button.png"
            text "Exit" xoffset 130 bold True

[Imperf3kt]

You haven't defined any size / area for your vbox to occupy, so it is filling out all available space in an x and y direction. In your case, 10% below the screen top and all the way to the left for Y axis.

You need to constrain the vbox's proportions, or aligning it won't do any good.

[Dr_arell]

thank you, i defined the size and now i can move it around.