Buttons on a Button

[Braydxne]

I'm trying to put two text buttons on top of a button, so the background button will change colour when hovered. This works but then when you hover over one of the text buttons the background button loses focus and then goes back to the idle image. Is there a way to make it so the text buttons won't revert the hover status on the background button?

Code: Select all

	button:
                    xysize(1804, 106)

                    idle_background("gui/pause/settings_button_idle.png")
                    hover_background("gui/pause/settings_button_hover.png")

                    text "Display Mode":
                        font "Abel.ttf"
                        size 78
                        xoffset 50
                        yalign 0.5
                        outlines [ (absolute(1), "#ffffff", absolute(0), absolute(0)) ]

                    hbox:
                        xalign 0.6
                        yalign 0.5

                        textbutton "WINDOWED":
                            action Preference("display", "window")
                            text_size 74
                            text_font "Abel.ttf"

                        textbutton "FULLSCREEN":
                            action Preference("display", "fullscreen")
                            text_size 74
                            text_font "Abel.ttf"

                    action NullAction()

[_ticlock_]

Hi, Braydxne,

I am not sure if that is an optimal solution, but you can try to use a variable to additionally control background when other elements gain/lose focus:

Code: Select all

screen test_screen():
    default hov = False
    
    button:
        xysize(1804, 106)
        if hov:
            background "gui/pause/settings_button_hover.png"
        else:
            background "gui/pause/settings_button_idle.png"
        hover_background "gui/pause/settings_button_hover.png"
        
        vbox:
            textbutton "WINDOWED":
                action Preference("display", "window")
                hovered SetScreenVariable('hov', True)
                unhovered SetScreenVariable('hov', False)
            textbutton "FULLSCREEN":
                action Preference("display", "fullscreen")
                hovered SetScreenVariable('hov', True)
                unhovered SetScreenVariable('hov', False)
                
	action NullAction()

[Braydxne]

Hi, Braydxne,

I am not sure if that is an optimal solution, but you can try to use a variable to additionally control background when other elements gain/lose focus:

Code: Select all

screen test_screen():
    default hov = False
    
    button:
        xysize(1804, 106)
        if hov:
            background "gui/pause/settings_button_hover.png"
        else:
            background "gui/pause/settings_button_idle.png"
        hover_background "gui/pause/settings_button_hover.png"
        
        vbox:
            textbutton "WINDOWED":
                action Preference("display", "window")
                hovered SetScreenVariable('hov', True)
                unhovered SetScreenVariable('hov', False)
            textbutton "FULLSCREEN":
                action Preference("display", "fullscreen")
                hovered SetScreenVariable('hov', True)
                unhovered SetScreenVariable('hov', False)
                
	action NullAction()

That's so smart! That fits what I need perfectly, thank you so much!