Android Tutorial FloatLabeledEditText (ViewsEx)

FloatLabeledEditText is an improved EditText where the hint moves to the top instead of disappearing when there is text in the field.

With the floating hint you no longer need to add a label to describe the field.

The implementation is based on this open source project: https://github.com/wrapp/floatlabelededittext

It is implemented as a custom view. You need to add it from the designer. Note that you can change the text properties.

Technically FloatLabeledEditText wraps an EditText. You can get this EditText with the EditText property.
This is useful if you want to configure the internal EditText.

This library is part of the ViewsEx library (v1.10+). It is supported by Android 4+ and requires B4A v5.8+.

 

[Erel]

Anyone know how to set the typeface for the Hint. Edittext hint is working alright but the Floatlabel hint is not set.

The code in this post shows you how to access the hint label: https://www.b4x.com/android/forum/threads/floatlabelededittext-viewsex.64062/#post-406791

Hy, is possible set multiline?

FloatLabeledEditText1.EditText.SingleLine =  False
FloatLabeledEditText1.EditText.Gravity = Bit.Or(Gravity.TOP, Gravity.LEFT)

 

[lomosami]

Is it possible to have "password" feature like editbox? thanks

 

[shashkiranr]

Is it possible to have "password" feature like editbox? thanks

FL.EditText.PasswordMode = True

 

[luciano deri]

I need disable any input view in a activity (Button, RadioButton, EditText and
FloatLabeledEditText)
I think do

For i = 0 To Activity.NumberOfViews - 1Dim v AsView
v = Activity.GetView(i)
v.enabled = false
Next

But FloatLabeledEditText not disabled because i must do FloatLabeledEditText.edittext.enabled = false.
How can disable all FloatLabeledEditText without set this one by one?

 

[LucaMs]

For Each v As View In Activity.GetAllViewsRecursive
    If GetType(v) = "com.wrapp.floatlabelededittext.FloatLabeledEditText" Then
        Dim FLET As floatlabelededittext = v
        FLET.EditText.Enabled = False
    Else
        Try
             v.Enabled = False
        Catch
             LogColor(GetType(v), Colors.Blue)
        End Try
    End If
Next

NOT TESTED !

 

[luciano deri]

For Each v As View In Activity.GetAllViewsRecursive
    If GetType(v) = "com.wrapp.floatlabelededittext.FloatLabeledEditText" Then
        Dim FLET As floatlabelededittext = v
        FLET.EditText.Enabled = False
    Else
        Try
             v.Enabled = False
        Catch
             LogColor(GetType(v), Colors.Blue)
        End Try
    End If
Next

NOT TESTED !

No, code pass by this if but floatlabelededittext is ever enabled

 

[Mashiane]

Hi

Just a small issue, when you "set" a value to this control, the Floating Label disappears/hides e.g.

txtFL.text = "AAAA"

it only shows the floating label when you start typing text.

Also I have used the method to set the hint color, mine is always Gray and does not become black as set.

Any advice please.

 

[Erel]

Can you upload a small project that reproduces these two issues?

 

[Mashiane]

Can you upload a small project that reproduces these two issues?

I will upload it just now however please see this b4a recorded video on the "BANK" page. https://www.dropbox.com/s/0wdhc9bv82x4svr/xx.mp4?dl=0

 

[doncx]

How can I make the Numpad larger? I'd like it to almost fill the screen.

I've looked high and low, through the various sources, but am missing something. Where do spWidth and spHeight come from? I'm not able to set the layout, height, or width of slidingPanel.

 

[Erel]

Which numpad? I think that you are posting in the wrong place...

 

[yiankos1]

Is there any way to change hint text size?
Thank you for your time

 

[Erel]

Yes. See this code: https://www.b4x.com/android/forum/threads/floatlabelededittext-viewsex.64062/#post-406791

Get a reference to the internal label (lbl) and then customize it.

 

[Leni Berry]

how to change FloatLabeledEditText1's height dinamically when text height increase in multiline mode....?

 

[Erel]

Please start a new thread in the questions forum.

 

[M.LAZ]

i saw some apps use a FloatLabeledEditText with RTL Side also with hint animation.. is that still not possible?
and how to change the color of the below line in the edittext

 

[Erel]

is that still not possible?

Can you post a link to the previous discussion?

 

[DonManfred]

Can you post a link to the previous discussion?

There is no such discussion here.

i saw some apps use a FloatLabeledEditText with RTL Side also with hint animation

I guess he is talking about 3rd party apps on GooglePlay

 

[Bladimir Silva Toro]

can you send functional example

 

[M.LAZ]

Hi ..

Can you post a link to the previous discussion?

post No : 23 & 24
https://www.b4x.com/android/forum/threads/floatlabelededittext-viewsex.64062/page-2#post-420863
https://www.b4x.com/android/forum/threads/floatlabelededittext-viewsex.64062/page-2#post-420863
you can see this video