B4J Question Is there a way to dim a view's color when it is disabled?

[Diceman]

I noticed when a view is disabled, its color does not change. So the user has to click on the view to see if it is enabled. This is going to frustrate the user and increase requests to tech support.
Other software I've used like Delphi will automatically dim the view when it is disabled. Is there a way to achieve this in B4J? Can I assume B4A and B4i also do not dim disabled views?

I have attached a small program that demonstrates this.

TIA

 

[Chris2]

With most views you can set the alpha level when you disable it to achieve what you want;

button.Enabled=False
button.Alpha = 0.5
'or
button.SetAlphaAnimated(300, 0.5)

 

[stevel05]

Javafx is css based so you can change the behaviour by adding a css file to the project (see attached). The default css is moderna.css.

B4a certainly does change the views appearance when disabled (I tested it by converting your example).

 

[stevel05]

That got me reading the moderna css, it seems to have a default of setting the opacity to 0.4. which doesn't seem to carry through.

It's simple enough to recreate by copying the disabled things block (or as much as you need) from the moderna css, to your own style sheet. Or you could handle it programmatically as Chris2 suggested.

 

[Diceman]

Thanks guys for your replies.

Chris2's suggestion is a quick solution when disabling a single control, by changing the view's alpha when I disable the view using code. Kudos for that.
stevel05's solution will work for the entire application by adding just one line of code. So that's likely the solution I will go with.

A couple of quick questions though.

1) Thanks for that list of CSS properties. Is there a link at the B4X site for this? I did find something similar at WheelerCode.WordPress.com
2) Is it possible to create an Id Style in the CSS file and have the B4X view reference it? For example, can I put the "#font-button" Id Style name in the "Extra CSS" property using the Designer? Or do I have to hard code the text (below) into this property (which makes it more difficult to maintain)?

#font-button {
    -fx-font: bold italic 20pt "Arial";
    -fx-effect: dropshadow( one-pass-box , black , 8 , 0.0 , 2 , 0 );
}

TIA

 

[Chris2]

For question 1; not that I know of on the B4X site but there is a JavaFX css reference guide at https://docs.oracle.com/javase/8/javafx/api/javafx/scene/doc-files/cssref.html

 

[stevel05]

For question 2, not directly. You could manipulate one of the free text fields in the designer to do what you want. tag is probably the safest. (see attached)
Or you could create customviews to wrap each view you want to use and add the ID and Styleclass fields which is a little more complicated.

 

[stevel05]

There is also the official css reference, this one is javafx 11 https://openjfx.io/javadoc/11/javafx.graphics/javafx/scene/doc-files/cssref.html

Search google for the version you are using.

Edit: Sorry Chris2, duplicated your post.