Create top-right delete image button

[Quannd]

Hi all,

Like the subject, I would like to create a top-right delete image button for value display widget (like the image below)

Is there any way to perform it?

Any help is appreciated.

Thanks!

[zyuan1]

Yes you can, the Button widget can overlap with the valueDisplay widget, and occupy the top-right part of the image.   

And then, you need to change the Button Style with a X image, and figure out the "Close/ delete image" logic in a service and trigger it by this Button.

[Quannd]

Thank @zyuan1 , but could you explain more details for me? (An example maybe)

[zyuan1 · Accepted solution]

Which part is not clear?

1. Overlap the Button widget with the ValueDisplay widget, put it in top-right corner.

   

2. Change the Button Style with a X image  (I don't have that at hand, use another one)

  In mashup it looks like

3. Figure out the "Close/ delete image" logic in a service and trigger it by this Button.  (Don't know how you want to delete image in ValueDisplay, so you need to do the customization yourself)