Displaying window/fullscreen radio button as image? [SOLVED]

[ourdecemberdreams]

So, the code originally works perfectly fine when it was a text button, but I want to have a hover version for the text, so I replaced the text button with a image button

Code: Select all

hbox:
     style_prefix "radio"
     label _("DISPLAY")

     null width 120
     imagebutton auto "gui/button/windows_%s.png" action Preference("display", "window") activate_sound "sfx/click.wav" hover_sound "sfx/hover.wav":
             xpos 40
             yalign 1.0

       null width 70
       imagebutton auto "gui/button/fullscreen_%s.png" action Preference("display", "fullscreen") activate_sound "sfx/click.wav" hover_sound "sfx/hover.wav":
               xpos 40
               yalign 1.0

I have these images:
radio_selected_foreground.png
radio_foreground.png
windows_hover.png
windows_idle.png
fullscreen_hover.png
fullscreen_idle.png

but the "tick" just doesn't appear beside the selected option :(
I've even tried adding the following images, but those didn't work as well
windows_selected.png
fullscreen_selected.png
check_selected_foreground.png
check_foreground.png

please help!



EDIT:
I figured I just have to use these haha:
windows_selected_hover.png
windows_selected_idle.png
fullscreen_selected_hover.png
fullscreen_selected_idle.png