B4J Question [ABMaterial] 3.75 new Input... components Properties (WIE vs WIG)

Cableguy

Expert
Licensed User
Longtime User
alwaysbusy was most generous in this new release, and incorporated over 40 "wishes" and bug fixes.

So I (re)started my project using v3.75, especially the Input components extra properties:
FocusBackColor, BorderRadiusPx, etc

I just can't figure out how to make them work!

My Theme, at this moment:
B4X:
    MyTheme.AddInputTheme("TopBarSearch")
    MyTheme.Input("TopBarSearch").BackColor = ABM.COLOR_GREY
    MyTheme.Input("TopBarSearch").BackColorIntensity = ABM.INTENSITY_LIGHTEN2
    MyTheme.Input("TopBarSearch").FocusBackColor = ABM.COLOR_GREY
    MyTheme.Input("TopBarSearch").FocusBackColorIntensity = ABM.INTENSITY_LIGHTEN2
    MyTheme.Input("TopBarSearch").FocusForeColor = ABM.COLOR_BLUE
    MyTheme.Input("TopBarSearch").FocusForeColorIntensity = ABM.INTENSITY_DARKEN4
    MyTheme.Input("TopBarSearch").InputColor = ABM.COLOR_BLUE
    MyTheme.Input("TopBarSearch").InputColorIntensity = ABM.INTENSITY_DARKEN4
    MyTheme.Input("TopBarSearch").Bold = True
    MyTheme.Input("TopBarSearch").BorderRadiusPx = 100

so What I Expected (WIE) was:
TopBarNav2.png


But What I Get (WIG) is
TopBarNav.png



Any clues?

(The cog "settings" icon for now is something I can live with, although I just can't seem to align it to Left)
 
Last edited:

Cableguy

Expert
Licensed User
Longtime User
So I managed to , without really knowing why, to solve one of my mysteries...
(actually I think I had the same colours for the cell and the input, so the round edges were not visible)

TopBarNav3.png



But one issue remains... how to change this white background on the input when the it has focus? I would like to make it the same color as the (faded after animation) BackColor, which I thought was the new FocusBackColor, but doesn't work!

Further testing, the FocusBackColor is indeed the Right prop but seems there is a BUG, and the Input Text Area BackColor is not set to transparent. So I guess I'll be opening a ticket!

TopBarNav4.png
 
Last edited:
Upvote 0

Cableguy

Expert
Licensed User
Longtime User
You, Sir, are absolutely RIGHT!
Got it looking exactly as I expected it!

(So, Note to others, when using an input component, be ware of some css overruling!)
 
Upvote 0
Top