Image in button

[Amigurumi]

hello, does anybody know how to put an image into a button, so you can 'click'
that button/image? I already tried to change the Button text to
<img path="blablabla"/> (yes, I took the right path), but doesn't work.
Any ideas?

 

[Bu113t]

Create an image at the same size and position of the button.


Dialog - Create a Button for Dialog (Last created dialog) with the dimensions (76, 76) anchored to Bottom with an offset of (etc, etc) setting the tooltip to "" with button text "" and the hover image set to Assets\Textures\btn-ability-protoss-hardenedshields.dds
Dialog - Create an Image for Dialog (Last created dialog) with the dimensions (76, 76) anchored to Bottom with an offset of (etc, etc) setting the tooltip to "" using the image Assets\Textures\btn-ability-terran-bombardmentstrike.dds as a Normal type with tiled set to true tint color White and blend mode Normal

 

[Amigurumi]

I tried that already, but I wasn't able to click the button, because the image was infront
of it. No other way?

 

[Wezthal]

Button Text is the text that is displayed on top of the Dialog Item, if it doesn't fit on the given space it'll show partially I think.

You should use Set Dialog Item Image and Set Dialog Item Hover Image.

Set Dialog Item Image is the default image.

Set Dialog Item Hover Image is shown when mouse cursor hovers over the Dialog Item.

 

[Amigurumi]

will try those tomorrow/later. Thanks so far guys

 

[Bu113t]

Ye Wezthal works.
Just set Set Dialog Item Image and Set Dialog Item Image to the same image, else you will get a different image when hovering over.

 

[Amigurumi]

Button Text is the text that is displayed on top of the Dialog Item, if it doesn't fit on the given space it'll show partially I think.

You should use Set Dialog Item Image and Set Dialog Item Hover Image.

Set Dialog Item Image is the default image.

Set Dialog Item Hover Image is shown when mouse cursor hovers over the Dialog Item.

tried it.
when I do Set Dialog Item Image, the image appears behind the dialog button, and
is bigger than the button, although both have 76x76 size.

 

[Bu113t]

Dialog - Create a Button for Dialog (Last created dialog) with the dimensions (200, 50) anchored to Top Left with an offset of (50, 50) setting the tooltip to "" with button text "" and the hover image set to ""
Dialog - Set (Last created dialog item) image to Assets\Textures\white32.dds for (All players)
Dialog - Set (Last created dialog item) hover image to Assets\Textures\white32.dds for (All players)



Does your triggah look a little something like this?

 

[Amigurumi]

Dialog - Create a Button for Dialog (Last created dialog) with the dimensions (200, 50) anchored to Top Left with an offset of (50, 50) setting the tooltip to "" with button text "" and the hover image set to ""
Dialog - Set (Last created dialog item) image to Assets\Textures\white32.dds for (All players)
Dialog - Set (Last created dialog item) hover image to Assets\Textures\white32.dds for (All players)



Does your triggah look a little something like this?

yes, I use these actions. just another image.

 

[Wezthal]

I had similiar problems before. Use this:

• Dialog - Set (Last created dialog item) Tiled flag to true for (All players)

True causes images to be full size and if they don't fill the entire space they're tiled.
False causes images to be stretched so that they fit the area perfectly.
=> Use False

 

[Amigurumi]

Tried it, this is the problem:

the one button is clicked.

 

[Wezthal]

Maybe you also have to change the Image Type/Style or whatever. Maybe that Tiled thing won't work for certain Types/Styles.

 

[mrzwach]

Easier way to do it.

Create image
Create button
Change button alpha value so it is invisible.

Just note that if you want there to be a tooltip when you hover over the image, you need to add it to the button instead.