HELP Customizing Scrollbars

[Enchant00]

I'm really having a hard time customizing the scrollbars based on my images. I have this simple code which makes just a viewport with a scrollbar on its right side.

Code: Select all

screen viewport_test():
    frame:
        area (1, 0, 600, 400)
        viewport:
            mousewheel True
            scrollbars 'vertical'
            add "washington.jpg"

style vscrollbar:
    maximum (10, 400)
    base_bar 'bar_base.png'
    thumb 'bar_thumb'

I also tried the cook book version for vbars, but that still doesn't work.

My problem now lies with the fact that my custom scrollbars don't move nor scroll the picture ; default bars work btw. I also tried maximum and xysize to change the size but it doesn't work. I read the cookbook on customizing gui, renpy documentation, and from other posts here in renpy but for some reason I can't get how to customize my damn scrollbars or I can't phantom the content I was reading. I know I'm doing it wrong somewhere so you guys will be helping me alot with this.

Sample:

I also attached my bars in case you want to try it out.