Unexpected line-break in Frame / VPGRID

[Lucascraft]

Hi,

I'm currently encountering a weird bug in which I'm getting an unexpected line break in a frame that I made that has a vpgrid inside the frame.

The frame is a simple one to display character stat gains.

Here is the image of what I am seeing. You will notice that the on the lines for "Knowledge +1" and "Acrobatics +1", it is dropping the "+1" down to the next line, even though there is plenty of room remaining in the frame. I'm not sure what's going on here.

stat_page_bug.png (7.63 KiB) Viewed 248 times

And here is my code:

Code: Select all

    $ stat_gains_01 = "Strength +1"
    $ stat_gains_02 = "Wisdom +1"
    $ stat_gains_03 = "Knowledge +1"
    $ stat_gains_04 = "Acrobatics +1"
    $ stat_gains_05 = "Aptitude +1"

Code: Select all

    frame:
        xpos 500
        ypos 500
        area (1, 1, 360, 320)

        vpgrid:
            at topleft
            cols 1
            rows 5
            spacing 10
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_01]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_02]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_03]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_04]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_05]{/size}"

Everything is working except for those two lines and I can't figure out why. . .

I know I can accomplish this same thing with a vbox. I've tested it and it works. But vbox doesn't allow me to set the spacing between lines. That's why I'm using a grid. Because the vpgrid allows me to put extra space between the lines.

[philat]

Frame width and vpgrid width are not necessarily the same. That said, no idea why you think vbox can't use spacing property.

[Lucascraft]

Frame width and vpgrid width are not necessarily the same. That said, no idea why you think vbox can't use spacing property.

If there is a way to adjust line spacing with vbox, I don’t know how to do it.

[m_from_space]

If there is a way to adjust line spacing with vbox, I don’t know how to do it.

The reason this happens is because what a vpgrid is about: "A vpgrid assumes that all children are the same size, the size being taken from the dimensions of the first child." (https://www.renpy.org/doc/html/screens.html#vpgrid)

I don't know why you use vpgrid here anyway, just use a vbox.

Code: Select all

frame:
	# you should either write
        xpos 500
        ypos 500
        xsize 360
        ysize 320
        
        # or
        area (500, 500, 360, 320)

        vbox:
            spacing 10
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_01]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_02]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_03]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_04]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_05]{/size}"

[Lucascraft]

If there is a way to adjust line spacing with vbox, I don’t know how to do it.

The reason this happens is because what a vpgrid is about: "A vpgrid assumes that all children are the same size, the size being taken from the dimensions of the first child." (https://www.renpy.org/doc/html/screens.html#vpgrid)

I don't know why you use vpgrid here anyway, just use a vbox.

Code: Select all

frame:
	# you should either write
        xpos 500
        ypos 500
        xsize 360
        ysize 320
        
        # or
        area (500, 500, 360, 320)

        vbox:
            spacing 10
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_01]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_02]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_03]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_04]{/size}"
            text "{size=-10}{color=#DCDCDC}{b}[stat_gains_05]{/size}"

Oh nice. I didn’t know you could use the spacing command like that with vbox. Like I said above, I got it working with the vbox, I just didn’t know about the spacing.

Thanks for the help!