Boolean button with different images and text

[Krishna_kp]

Hi,

i have attached one image. it shows 2 buttons with its decal and Boolean text. how should i make this as two states of a single button?

False state- start icon with text "Test Start"

True state- stop icon with text "Test Stop"

when i tried to use image as a decal or picture item, entire button is replaced by the image. here i need the button structure too.

help me if you have any idea

thank you

[GerdW]

Hi Krishna,

as the decal stays the same for each state of a button you need to replace the whole image of the button for each state…

[Krishna_kp]

HI GerdW,

Thank you for your time and effort.

By placing a picture ring on the button and controlling that based on the action?

[GerdW]

Hi Krishna,

---

@Krishna_kp wrote:

By placing a picture ring on the button and controlling that based on the action?

---

No, by customizing the button and using individual images for each button state…

[Hooovahh]

I'd suggest doing this with two buttons that are the same size and on top of each other.  Then using a property node I'd set the Visible on one, or the other.

Another UI design would be to have two buttons, but disable and grey out one and have the other enabled depending on the state of the test.  This does take up more UI space, but it avoids the potential issue of someone double clicking a start button, only for it to hit start, and then stop.  I've had some users do that before. 

So if you do go with a single button, or two over top of each other you may want to prevent stopping a test if one was just started less than a second ago or some kind of debounce.

[Krishna_kp]

Hi GerdW,

 i tried this method too. but ending at same point, Only image with Boolean text.

i have attached the control for your reference (LV16).

correct me i i'm doing

any mistake.

[GerdW · Accepted solution]

Hi Krishna,

you have to use the "whole" image as suggested before:

Boolean button, where I edited the whole image for each state (using a system boolean button and a modern LED to create them).

Not perfect, but sufficient.

[Krishna_kp]

Thank you GerdW for your idea.

 I took picture of two states of Boolean button and used those as decal.

as long as we don't have an another direct option, this is perfect.😉

attached control.