[SOLVED] Trouble customising save/ load screen buttons

[Kinmoku]

Hi all,

I really suck at screens and styles, and have gotten stuck trying to customise my save/ load screens to have an animation play when you hover over a slot.

Here's what it currently looks like:



So the hover state currently changes the background colour, which does the job, but I want to remove it and use an animation instead, so that when you hover, the frame graphic will jiggle. I have the graphics and animation set up but as you can see here they aren't working/ visible. I think there must be another style overriding the one I want to use.

Screen:

Code: Select all

screen file_picker():    
    hbox:
        style "gm_root"
        
        add "images/save_load_bg.png" xanchor 0.5 yanchor 0 xpos 0.5 ypos 144

    $ columns = 3
    $ rows = 1

    hbox:
        style "file_picker"
        
        xpos 320
        ypos 400
        
        spacing 50

        # Display ten file slots, numbered 1 - 10.
        for i in range(1, 4):
            button:
                action FileAction(i)

                has vbox spacing 20

                add FileScreenshot(i) size(365,205) ypos 10

                $ file_name = FileSlotName(i, columns * rows)
                $ file_time = FileTime(i, empty=_("Empty Slot"))
                $ save_name = FileSaveName(i)

                text "[file_name]. [file_time!t]\n"

Style:

Code: Select all

    ## Save load button style
    
    config.thumbnail_width = 365
    config.thumbnail_height = 205

    style.file_picker = Style(style.menu_frame)
    style.file_picker_button = Style(style.file_button)

    style.file_button.background = "images/photos1.png"
    style.file_button.hover_background = "savejiggle"

Hover animation:

Code: Select all

image savejiggle:
    "images/photos1.png"
    0.1
    "images/photos2.png"
    0.1
    "images/photos3.png"
    0.1
    repeat

[IrinaLazareva]

in screen file_picker()

Code: Select all

    hbox:
        style "file_picker"

try changing to

Code: Select all

    hbox:
        style_group "file_picker"

[Kinmoku]

in screen file_picker()

Code: Select all

    hbox:
        style "file_picker"

try changing to

Code: Select all

    hbox:
        style_group "file_picker"

Uwahh, awesome! It worked! Thank you so much! I'm surprised it was such a simple fix!