solved Change GUI button image

[AB95]

Hi, sorry if this is a stupid question, for now is it possible to update a GUI Button's image after its creation?

I created a button with function GUI.Button.CreateImageWithCenterTextButton(name,text,imageUrl), and I notice the third parameter is an image url, I checked with the documentation https://doc.babylonjs.com/how_to/gui but it does not mention any property name that I can use to set image url.

[aWeirdo]

Hi @AB95, 

That button is made of an GUI image and a GUI textblock.

https://github.com/BabylonJS/Babylon.js/blob/b215e22829e182a4fd6cdce8b81a9a6bf44f07cb/dist/preview release/gui/babylon.gui.js#L3823

( image being child no. 0 )

GUI.Image has a "source" property.

https://github.com/BabylonJS/Babylon.js/blob/b215e22829e182a4fd6cdce8b81a9a6bf44f07cb/dist/preview release/gui/babylon.gui.js#L3545

TL;DR:
button.children[0].source = newImageUrlOrBase64String;  

 

[AB95]

@aWeirdo I understand now. Thank you!

[aWeirdo]

Hi @DylanD 
It's hard to tell without an example, the code seems fine.
 

[DylanD]

30 minutes ago, aWeirdo said:

Hi @DylanD 
It's hard to tell without an example, the code seems fine.
 

Hey  I figured out that if I just did let button2:any;

then I could change the source the way you said,   very strange....