[SOLVED]hover idle colors textbutton

[johandark]

In the main menu buttons I would like to have one color for "idle" and another for "hover".

(But only in main menu, so in the rest of the options keep the default settings).

This is the code that works now.

Code: Select all

    # The main menu buttons.
    frame:
        background None
        style_prefix "mm"
        xalign .15
        yalign .39

        has hbox

        textbutton _("Comenzar") background None action Start()
        textbutton _("Cargar partida") background None action ShowMenu("load")
        textbutton _("Opciones") background None action ShowMenu("preferences")
        textbutton _("Salir") background None action Quit(confirm=False)
        #textbutton _("Ayuda") action Help()

I´ve tried this code:

Code: Select all

        textbutton _("Comenzar") idle="#f00" hover="#fff" background None action Start()

But of course... it doesn´t work...

So... is there a right way to do it?

Thanks!

[morg]

add a style somewhere before start in your script

Code: Select all

style buttonz:
    idle "fe3eed"
    hover "d2d2d2"
    insensitive "888"
    background None

then assign it to your buttons like this

Code: Select all

textbutton _("Comenzar") style "buttonz" action Start()

[johandark]

Code: Select all

I'm sorry, but errors were detected in your script. Please correct the
errors listed below, and try again.


File "game/script.rpy", line 21: style property idle is not known.
    idle "fe3eed"
        ^

Ren'Py Version: Ren'Py 6.99.10.1227

[johandark]

I think this shouldn´t be so complicated...

I mean... in this forum xavimat showeed me a way to put a idle and hover on imagebutton:

Code: Select all

imagebutton idle "images/menu/i_back_idle.png" hover "images/menu/i_back_hover.png" action Rollback()

Why is so complicated do the same but with textbutton and just two different colors?!

like this:

Code: Select all

textbutton idle "#fff" hover "#000" action Rollback()

But this code doesn´t work...

WHY?!

any help please?

Thanks!

[xavimat]

In imagebuttons, "idle" and "hover" ARE the buttons themselves.
Instead, in textbuttons, the button is the TEXT, and what you want is to apply properties to that text when is hovered/unhovered. That's not easy because the textbuttons are a combination of button and text, and the color of the text of a textbutton is defined in the property "text_color" and not in "color" (as it is in in the "text" element).

So, you need to define a style and apply it with "text_style" or define directly text_color (for idle) and text_hover_color (for hover):

Code: Select all

style mytextbutton:
    color "#f00"
    hover_color "#ff0"

screen test():

    vbox:

        # Using the style:
        textbutton "Hello":
            text_style "mytextbutton"
            action NullAction()

        # Formatting directly without the style:
        textbutton "Hello":
            text_color "#f00"
            text_hover_color "#ff0"
            action NullAction()

[johandark]

Thank you xavimat!

Now it works!

And I even learned to create a Style! That´s nice!

Thanks!