SC2Mapster

Hey guys. I'm making a hero selection system and have come across a problem. When the image of a hero's portrait is selected, it will choose that hero for a given player. However, I am unable to get the button and image dialog items to work correctly. No matter the order or options I select, it seems that I can never have a button that looks like an image (no hover image, etc...). Does anyone have any suggestions?

Instead of creating a button holding an image, or trying to, just create a button and over that an image.

It doesn't seem to detect clicks if I do that.

It does. Try this code (note that I didn't save the Dialog & Dialog items into variables because for this small demonstration there is no need to be):

        Dialog - Create a Modal dialog of size (500, 400) at (0, 0) relative to Center of screen
        Dialog - Create a button for dialog (Last created dialog) with the dimensions (76, 76) anchored to Top Left with an offset of (50, 50) setting the tooltip to "" with button text "" and the hover image set to ""
        Dialog - Create an image for dialog (Last created dialog) with the dimensions (76, 76) anchored to Top Left with an offset of (50, 50) setting the tooltip to "" using the image Assets\Textures\btn-command-cancel.dds as a Normal type with tiled set to true tint color White and blend mode Normal
        Dialog - Show (Last created dialog) for (All players)

The button and the image have the same sizes and the same offset. You can click the button (you should hear the sound). Or create a second trigger:

    Events
        Dialog - Any Dialog Item is used by Player Any Player with event type Clicked
    Local Variables
    Conditions
    Actions
        UI - Display "works!" for (All players) to Subtitle area

The reason why setting a buttons image/hover image has such bizarre results is actually for a good, practical reason.

If you've scrolled through the /images that blizz provides by default you will have noticed a number of images that are all little 'parts' of either buttons or borders or other crap like that.  It looks messed up and you probably though "well those look like nice buttons but how could I arrange those parts into a real button?"

Well if you haven't figured it out by now, what the game does with your "set last created dialog item's image" and "hover Image" is take those messed up images and cut them into pieces, rearrange them and put them where they need to be.  It does this so you can have buttons of any size without any stretching.  This also works if you want to create a custom border.  You may have noticed the "Image type" category under the properties of "Create Dialog Image".  Well that corresponds to the way the image will be sliced, diced and put together.  All those messed up images are usable, you just have to figure out which ones are buttons, which are borders, which are horizontalborders, which are end caps and so on.  The main Dialog's frame can also be easily changed through "Set Dialog Background".

Obviously this means you cannot use a static image as a button.  But what I just do is set the button to a simple, transparent, white button and throw the image in behind it.

If you want to find a specific type of image just remember this:

to search for buttons just enter "pressed"
to search for borders enter "frame"

Please people... stop using the defaults.  They're fugly.

@DaemonicKing: Go

Have you tried using Screen Buttons? I find them way easier than messing around with Dialog Item buttons. And it's a fairly simple trigger, this is from my custom UI (attached at bottom):

        ------- Quest Dialog - Button
        Dialog - Display button 5 of size (160, 55) with text "Items" at Bottom Left of screen with offset (490, 15)  (run Inventory Description UI when button is clicked)
        Dialog - Set screen button 5 border image to Assets\Textures\ui_button_navsmall_right_normalpressed_protoss.dds and hover image to Assets\Textures\ui_button_navsmall_right_normaloverpressedover_protoss.dds with border type EndCap

Every button on my UI is a Screen Button, and they're all functional.

Quote from miheinen: Go

It does. Try this code (note that I didn't save the Dialog Dialog items into variables because for this small demonstration there is no need to be):

        Dialog - Create a Modal dialog of size (500, 400) at (0, 0) relative to Center of screen
        Dialog - Create a button for dialog (Last created dialog) with the dimensions (76, 76) anchored to Top Left with an offset of (50, 50) setting the tooltip to "" with button text "" and the hover image set to ""
        Dialog - Create an image for dialog (Last created dialog) with the dimensions (76, 76) anchored to Top Left with an offset of (50, 50) setting the tooltip to "" using the image Assets\Textures\btn-command-cancel.dds as a Normal type with tiled set to true tint color White and blend mode Normal
        Dialog - Show (Last created dialog) for (All players)

The button and the image have the same sizes and the same offset. You can click the button (you should hear the sound). Or create a second trigger:
    Events
        Dialog - Any Dialog Item is used by Player Any Player with event type Clicked
    Local Variables
    Conditions
    Actions
        UI - Display "works!" for (All players) to Subtitle area

It still doesn't seem to work.