B4J Question Text and Back grounds in Textfields

[Roger Daley]

Hi All

Just starting in B4J and keep hitting the wall at Textfields

Textfield background: In Visual Designer, Background Properties/Color Drawable. No matter what color is selected the background is white.

Text Properties: In Visual Designer Font/Size. No matter what size is set the compiled resultant size does not change.

Text Colors: Not available in Visual Designer.
In AppStart I have tried "Textfield1.Style = "-fx-font-color: gold;"". Font color remains black.

All of the above are easy in VD for Labels, I am missing something for Textfields.

Regard Roger

 

[Erel]

The background and the font size should work. Can you upload a small project that demonstrates this issue?

The text color changes from white to black automatically based on the background.

 

[Roger Daley]

Hi Erel,

Zip file attached. It's the Google maps example with bits tacked on as learning exercise.
I have, since posting, found that the Visual Designer [VD] settings "sort of" work until I try to use style to set the text color to White. It looks like the use of Style overwrites what is set in the VD.
I have set the background of the Textfield to transparent but when focused the TF turns blue. Is there any way to stop this?
The TF appears to have significant padding, requiring a larger TF to accomodate the size font required. Any simple method to manage padding?

Sorry about the extra questions but they are all about configuring the TF and it's text.

Regards Roger

 

[Erel]

That's correct. Instead of setting the style you need to append any addition string you like to the existing style.

I have, since posting, found that the Visual Designer [VD] settings "sort of" work

What is not working?

 

[Roger Daley]

That's correct. Instead of setting the style you need to append any addition string you like to the existing style.


What is not working?

From first post.

Textfield background: In Visual Designer, Background Properties/Color Drawable. No matter what color is selected the background is white.

Text Properties: In Visual Designer Font/Size. No matter what size is set the compiled resultant size does not change.

Roger

 

[Erel]

This is how it looks when I run it:

What is "sort of" working? As I wrote above you shouldn't overwrite the style. You should instead append more attributes if you like.

 

[Roger Daley]

Erel

What you show is also what I am getting. However I need to change the text color to White. As I understand it, the way to do this is with a Style attribute. I have attempted to do this, see the commented out code in "Sub AppStart".

It isn't that I have overwritten Style, but rather when I use Style in the code, it appears to overwrite the Background and Font Size settings of the VD with default values.

Can you please try using code to change the Text Color. IE: DispTitle.Style = "-fx-text-fill: white;" I think you will see the problem.

As I see it at the moment, not all required parameters can be set in the VD so the use of Style is required to set some parameters. IE Text Color
If Style is used, the settings in the VD are lost.
This means all parameters must be set in Styles attributes or defaults are used. EG Height, TextSize, TextColor, etc.
If this is correct, is there a newbies guide to Style attributes?

Regards
Roger

 

[Erel]

Don't overwrite the existing style.

Instead:

DispTitle.Style = DispTitle.Style & "any additional style you want to add"

Note that you can add it directly to designer, into the Extra CSS property.

 

[Roger Daley]

Thanks Erel,

The code [DispTitle.Style = DispTitle.Style & "-fx-text-fill: white;" ] works in AppStart but obviously as Extra CSS is in Background Properties it's no use for Text Color.

The most outsatnding question is still: Is there a reference for Style attributes? IE "-fx-height: 25;" etc. Where do we find the attributes?


Thanks for your help

Regards Roger

 

[Erel]

Extra CSS is a general property. It will work exactly the same as the code I posted above.

CSS reference: https://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html

 

[Roger Daley]

Erel,

Thanks for the CSS link. Reading that will keep me busy.

I have tried removing [DispTitle.Style = DispTitle.Style & "-fx-text-fill: white;"] from AppStart and pasted it into CSS in the VD. The result is Black Text, not White.


Regards Roger

PS I will start a new thread for other questions.

Additional Info:
If I put -fx-text-fill: white; into the CCS field I get White text.
If I put -fx-padding: 0; the padding is zero.
I can't work out the correct syntax to use both.

Roger