Custom Textbox Text Placement

[yaelso]

Firstly put, I am pretty new to both Ren'Py itself as well as the forums, so I'm still in the process of learning proper coding!
While working on a custom textbox for one of my games, I managed to adjust the padding so that it looked exactly as I had designed in the mockup--which wasn't too difficult, but something caused the text to sink down to the very bottom. All in all, I was aiming to have the names listed in the first scroll and have the body-text begin around halfway to said scroll's right. I did not have this issue before implementing the custom box, and I haven't worked on anything else today.

I've combed over the code quite a few times now, but I'm just not sure what is causing the issue or how I should go about fixing it. I followed the initial format examples that were listed in the cookbook, so the textbox section looks as such;

Code: Select all

    style.window.background = Image("gui/tb_ground.png")

    style.window.left_margin = 0
    style.window.right_margin = 0
    style.window.top_margin = 0
    style.window.bottom_margin = 0

    style.window.left_padding = 5
    style.window.right_padding = 0
    style.window.top_padding = 650
    style.window.bottom_padding = 10

    style.window.yminimum = 277

If anyone has any idea as to what I should do, I'd appreciate it! (--Also, for the sake of saying, the screen is 1280 by 720!)

[philat]

Well, yes, your window has top_padding of 650; that will push down the text. See http://www.w3.org/TR/CSS2/images/boxdim.png (the padding vs. margin difference in renpy is the same as in css).

I don't know why you added padding, but if it was in an attempt to position the textbox correctly, use aligns and pos values instead.

Code: Select all

style say_window:
    yalign 0.98 # xalign/yalign positions textbox at relative values -- here, 98% of the game window's height, or in other words, pretty close to the bottom
    xpos 30 # xpos/ypos positions textbox at absolute pixels from left/top

[yaelso]

@philat Oh gosh, thanks a bunch! When I initially put it in, the box itself was off kilter and the padding was the only thing I saw mentioned anywhere. I'm really grateful for your help!

[yaelso]

I feel a little silly again, but I'm still having some issues with the text position. I thought I had things handled at first after adjusting the aforementioned values in place of padding, but now the text is behind the box. That being said, the position itself isn't a problem anymore. It only started up after I worked with the new values, so I'm worried I missed something somewhere since these are new concepts to me! I'm sorry if this is really blatant; I can't really find any good resources aside from Aleema's customization post.