B4J Question Possible to force a delay on a pressed button to retain CSS styling longer?

[m4.s]

I apply this type of CSS styling to various buttons in my B4J application:

.goldBtnPressed .button:pressed {
    -fx-background-color:  rgb(177,129,11);
    -fx-text-fill: white;
}

so when a button is pressed, its background momentarily changes to gold (as shown):

However, when my application is in its self-recording mode, I need the button's [changed] background color to remain for 1 or 2 seconds; ideally before the button's MouseClick event code is executed.

I've tried replacing the MouseClick event with the MousePressed event, and also adding a MouseReleased event, to conditionally call

Sleep(1000)

in order to force the delay - but to no avail.

So, suggestions are welcomed! Thanks in advance.

 

[Daestrum]

Sleep(1)

Is only a delay of one millisecond, if you want to 'wait' a second you need 1000

 

[m4.s]

Thanks for the quick reply. I mistyped, meant 1000 (or 2000). CORRECTED now.

 

[kimstudio]

Is only a delay of one millisecond, if you want to 'wait' a second you need 1000

Since Resumable subs feature is available I am not sure whether sleep(1000) will really suspend for 1000ms. Could Erel or someone tell me? Thanks!

 

[Magma]

I think it is better to use a "Timer tick"

in button click you can enable/disable the timer - so the needed animation/color change will be at timer tick...

 

[stevel05]

Look at using a Togglebutton. it has a CSS psuedo class of 'selected'. It would the be easy to sleep the required time, then turn off the Togglebutton's selection.

Relevant CSS docs

 

[stevel05]

Simple example attached using a togglebutton and css.

 

[m4.s]

Thank you @stevel05 and everyone for your assistance (this amazing developer community/forum continues to impress me!).

The ToggleButton solution worked, yet introduced other residual problems.

Nevertheless, this exercise has helped me rethink some UI behavior in my application, so I'll likely alternatively address with via small but beneficial redesign and refactoring.