[SOLVED] Buttons on dialogue box?

[Jintii]

Basically, I want to make the hardly visible "textbutton"s which were "Back" "Save" "Pref" "Skip" etc etc



into image buttons like below:



I've been looking for a way to do so but to no avail ;____; Is there a way to do this?
Also, I'm rather new to ren'py so I apologize in advance if I don't understand anything aaaaaa /////

[trooper6]

Certainly doable.

Check out the Imagebutton tutorial in the cookbook.
http://lemmasoft.renai.us/forums/viewto ... 51&t=22565

[Jintii]

Ahhh, I downloaded that file and tried fiddling around with it, but I can't understand it /____\

[shivanshs9]

Well, yeah, even though there were proper comments in the script, it still is a bit confusing...
So, what you want to understand is the code in "quick_menu3" in screens.rpy in the game directory...
Here's what is in it:

Code: Select all

screen quick_menu3:
    imagebutton auto "gui/quick_config_%s.png" action ShowMenu('preferences') xpos 690 ypos 390 focus_mask True
    imagebutton auto "gui/quick_save_%s.png" action ShowMenu('save') xpos 760 ypos 390 focus_mask True
    imagebutton auto "gui/quick_load_%s.png"action ShowMenu('load') xpos 830 ypos 390 focus_mask True
    imagebutton auto "gui/quick_main_%s.png" action MainMenu() xpos 900 ypos 390 focus_mask True

As explained here, 'imagebutton' can be used to create image-based buttons in a screen. For more fun explanation, play the Imagebutton GUI sample game!
But, basically what you want to do is to just replace the 'quick_menu' screen code in your game's screens.rpy with the code I quoted from the Imagebutton GUI sample game's screens.rpy... As for the function of auto and how to place images in the folder, I will suggest to read the imagebutton documentation...

[Jintii]

@shivanshs9
ahhh it makes a lot more sense now! Thanks for the help uvu!!

[Jintii]

I tried fiddling with the code just now, but an error keeps popping up like so:

Code: Select all

  File "game/screens.rpy", line 9, in execute
    screen say:
  File "game/screens.rpy", line 58, in execute
    use quick_menu
  File "game/screens.rpy", line 529, in execute
    screen quick_menu:
  File "game/screens.rpy", line 530, in execute
    imagebutton auto "Icons/settings_%s.png" action ShowMenu('preferences') xpos 600 ypos 450 focus_mask True
Exception: Not a displayable: None

is there a way to fix it? orz;;

[shivanshs9]

Well, there should be images named "settings_idle.png", "settings_hover.png" etc in the Icons folder, inside the game directory, too... The error must be showing because it can't find the idle image and so can't show the image...
DETAILS: http://renpy.org/doc/html/screens.html#imagebutton