[SOLVED] how to put lil images before the text on this screen?

[ninjaK4T_06]

I'm using this post to make random characters, and I made a screen thingy to view all the characters generated. I want to put images before the characters names, but when I try to add them, it just puts the image above the text like this???

Whenever I try to manually position the image using xpos and ypos, it doesn't show. also, if i try to use align, it won't overlap the "line" the text is on and therefore won't go before the text where i want it to be

Here's the I'm using btw

Code: Select all

side "c r":
        area (280,50,1000, 600)
        viewport id "character screen":
            mousewheel True
            vbox:
                for c in random_characters:
                    showif c.gender == "male":
                        add "images/gender male.png" yalign 1
                    else:
                        add "images/gender female.png" yalign 1 
                        
                    text "{} {} from {}, {} years old. Trained for {} {}".format (c.name, c.surname, c.nationality, c.age, c.trainee, c.period) 
            
                    
        vbar value YScrollValue("character screen")

so yeah, that's my problem. any tips on how to fix this wuold be much appreciated

[SONTSE]

Try adding 'hbox:' after 'for' line, like this:

Code: Select all

side "c r":
        area (280,50,1000, 600)
        viewport id "character screen":
            mousewheel True
            vbox:
                for c in random_characters:
                    hbox:
                        showif c.gender == "male":
                            add "images/gender male.png" yalign 1
                        else:
                            add "images/gender female.png" yalign 1 
                        
                        text "{} {} from {}, {} years old. Trained for {} {}".format (c.name, c.surname, c.nationality, c.age, c.trainee, c.period) 
            
                    
        vbar value YScrollValue("character screen")

[ninjaK4T_06]

Try adding 'hbox:' after 'for' line, like this:

Code: Select all

side "c r":
        area (280,50,1000, 600)
        viewport id "character screen":
            mousewheel True
            vbox:
                for c in random_characters:
                    hbox:
                        showif c.gender == "male":
                            add "images/gender male.png" yalign 1
                        else:
                            add "images/gender female.png" yalign 1 
                        
                        text "{} {} from {}, {} years old. Trained for {} {}".format (c.name, c.surname, c.nationality, c.age, c.trainee, c.period) 
            
                    
        vbar value YScrollValue("character screen")

Wow I can't believe it was that easy to solve ! Thank you very much for your help ^_^