B4A Library [B4X] [XUI] AS TextFieldAdvanced - Title, Information, Counter, Password, Button, Prefix, Suffix, Icons, Multiline

Alexander Stolte · Dec 29, 2022

james_sgp said:
Mmm....now its telling me that other boxes have no text (default, no password, icons, etc):

Please download again.

james_sgp · Dec 29, 2022

Still doing the same thing, say there is no text in the view. When there is...
I`m downloading the b4xlib from ur first post, just to be clear

Alexander Stolte · Dec 29, 2022

james_sgp said:
Still doing the same thing, say there is no text in the view. When there is...

I can not confirm. I have gone through all 3 scenarios:
-Password hidden
-Password visible
-Normal text field
and each time the correct text was returned.

james_sgp · Dec 30, 2022

Mmmm...ok, downloading that library, and all seems good now. Thanks

Alexander Stolte · Jan 29, 2023

Update

1.16
- BugFixes
- Performance improvements

wimpie3 · Jan 30, 2023

Suppose you have 100 textboxes on your form, that means you'll have to populate all 100 of them manually, and save the values the user changed afterwards as well. Right? Would some kind of serialization be possible? A function that looks up all the fields on the screen, and saves the values in one giant JSON string? And the other way around, if you provide a JSON string, populate all the fields with the values from the JSON string? That might speed up development for large forms.

Alexander Stolte · Jan 30, 2023

Put all your 100 textboxes on a panel and go through the panel with a for loop and create your json string.

wimpie3 · Jan 30, 2023

Alexander Stolte said:
Put all your 100 textboxes on a panel and go through the panel with a for loop and create your jsom string.

Yes I was already planning on doing this. It was just a suggestion to add this to the library, I'm sure others would find use in it too. Nothing more. Keep up the good work!

wimpie3 · Jan 30, 2023

What I seem to be missing (might have overlooked something though...)
- if you limit the number of characters to 5, you can still continue typing but the last characters are dropped: is there a way to simply block all input when the maximum number of character is reached?
- double tap to select the text in the entire field is not possible?
- is there a way to force numeric input only
- is there a way to force a date format (dd/mm/yyyy, mm/dd/yyyy, ...)
- is there a way to force a time format (24hr or AM/PM)

Alexander Stolte · Jan 30, 2023

wimpie3 said:
- if you limit the number of characters to 5, you can still continue typing but the last characters are dropped: is there a way to simply block all input when the maximum number of character is reached?

You can set the view to read only, with the readonly property

wimpie3 said:
- double tap to select the text in the entire field is not possible?

I use the native EditText, that's all I can do.

wimpie3 said:
- is there a way to force numeric input only

Use the Designer property InputType and set in to Numeric.

wimpie3 said:
- is there a way to force a date format (dd/mm/yyyy, mm/dd/yyyy, ...)
- is there a way to force a time format (24hr or AM/PM)

No. There are Text change events, use it to manipulate user input.

Alexander Stolte · Mar 16, 2023

Update

1.17
- BugFixes - Character delimiter (Counter = True)
- B4J Only - Click on the TextField to focus it

BugFixes - Character delimiter (Counter = True)

B4J Only - Click on the TextField to focus it

Almora · Mar 18, 2023

ScrollView1.Panel.AddView(AS_TextFieldAdvanced1, 0dip, 0dip, ScrollView1.Width, ScrollView1.Panel.Height)

Is there a method for this..
thanks..

Alexander Stolte · Mar 18, 2023

Almora said:
Is there a method for this..

No and there won't be, as the correct way is to always add a layout to the scrollview and not views per code.

james_sgp · Mar 20, 2023

Having an issue with version 1.17, i make the field 'read only' but the Clear Cross is still shown and functions on the right side of the field? How do I stop that?

James

Alexander Stolte · Mar 20, 2023

Update

1.18
- BugFix - ReadOnly = True - ClearButton and RevealButton are now also read only

james_sgp said:
'read only' but the Clear Cross is still shown

It will still be visible, only now it won't be triggered.

james_sgp said:
and functions on the right side of the field?

Check in the event for these buttons if the sender is read only. If you want that the buttons are no longer visible, then you have to hide them. But there are some use cases where you need these buttons even in read only mode, so I can't disable them just for you.

james_sgp · Mar 21, 2023

I`ve updated the library, but its still showing as 1.15 & that there is an update to 1.18?

Alexander Stolte · Mar 21, 2023

james_sgp said:
I`ve updated the library, but its still showing as 1.15 & that there is an update to 1.18?

You have another copy of this library in your internal library folder... You should never copy anything there yourself.

cobra666 · Apr 7, 2023

in my app i am using color themes. how can i change colors (text / border). trying and failing with code.

Alexander Stolte · Apr 7, 2023

cobra666 said:
in my app i am using color themes. how can i change colors (text / border). trying and failing with code.

The view has no border colors?
TextColor can currently only be set in the Designer when you set the TextColor below, or when you control the TextField via the property. In the next update there will be a TextColor property.

In the next update there will be a bordercolor, but only if the view gets the fokus.

Herbert32 · Apr 10, 2023

Alexander Stolte said:
With this view you can quickly and easily add good looking text fields, with title and or bottom text. Additionally you can make the TextField a button, so that you can open menus, but still keep the design of the text fields.
The view speeds up development because you don't have to worry about almost anything, it looks nice by default and is functional.

I spend a lot of time in creating views, like this and to create a high quality view cost a lot of time. If you want to support me and further views, then you can do it here by Paypal or with a coffee.

~~In B4J the view does not work properly yet, I am working on fixing the bugs.~~ B4J works now
View attachment 131718
ASTextFieldAdvanced
Author: Alexander Stolte
Version: 1.07

ASTextFieldAdvanced_Counter

Fields:

CounterMax As Int

IgnoreProperties As Boolean

IsInitialized As Boolean
Tests whether the object has been initialized.

TextColor As Int

View As ASTextFieldAdvanced_ViewCounter

Visible As Boolean

xFont As B4XFont

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_Hint

Fields:

FocusedTextColor As Int

IgnoreProperties As Boolean

IsInitialized As Boolean
Tests whether the object has been initialized.

NonFocusedTextColor As Int

Text As String

View As ASTextFieldAdvanced_ViewHint

Visible As Boolean

xFont As B4XFont

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_Information

Fields:

IgnoreProperties As Boolean

IsInitialized As Boolean
Tests whether the object has been initialized.

Text As String

TextColor As Int

View As ASTextFieldAdvanced_ViewInformation

Visible As Boolean

xFont As B4XFont

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_LeadingIcon

Fields:

Icon As B4XBitmap

IsInitialized As Boolean
Tests whether the object has been initialized.

View As ASTextFieldAdvanced_ViewLeadingIcon

Visible As Boolean

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_Prefix

Fields:

Gap As Float

IgnoreProperties As Boolean

IsInitialized As Boolean
Tests whether the object has been initialized.

Text As String

TextColor As Int

View As ASTextFieldAdvanced_ViewPrefixSuffix

Visible As Boolean

xFont As B4XFont

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_Suffix

Fields:

Gap As Float

IgnoreProperties As Boolean

IsInitialized As Boolean
Tests whether the object has been initialized.

Text As String

TextColor As Int

View As ASTextFieldAdvanced_ViewPrefixSuffix

Visible As Boolean

xFont As B4XFont

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_Title

Fields:

Height As Float

IgnoreProperties As Boolean

IsInitialized As Boolean
Tests whether the object has been initialized.

Text As String

TextColor As Int

View As ASTextFieldAdvanced_ViewTitle

Visible As Boolean

xFont As B4XFont

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_TrailingIcon

Fields:

Icon As B4XBitmap

IsInitialized As Boolean
Tests whether the object has been initialized.

View As ASTextFieldAdvanced_ViewTrailingIcon

Visible As Boolean

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_ViewCounter

Fields:

IsInitialized As Boolean
Tests whether the object has been initialized.

xlbl_Counter As B4XView

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_ViewHint

Fields:

IsInitialized As Boolean
Tests whether the object has been initialized.

xlbl_Hint As B4XView

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_ViewInformation

Fields:

IsInitialized As Boolean
Tests whether the object has been initialized.

xlbl_Information As B4XView

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_ViewLeadingIcon

Fields:

IsInitialized As Boolean
Tests whether the object has been initialized.

xiv_Icon As B4XView

xpnl_Background As B4XView

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_ViewPrefixSuffix

Fields:

IsInitialized As Boolean
Tests whether the object has been initialized.

xlbl_PrefixSuffix As B4XView

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_ViewTitle

Fields:

IsInitialized As Boolean
Tests whether the object has been initialized.

xlbl_Title As B4XView

Functions:

Initialize
Initializes the fields to their default value.

ASTextFieldAdvanced_ViewTrailingIcon

Fields:

IsInitialized As Boolean
Tests whether the object has been initialized.

xiv_Icon As B4XView

xpnl_Background As B4XView

Functions:

Initialize
Initializes the fields to their default value.

AS_TextFieldAdvanced

Events:

ButtonClick

EnterPressed

FocusChanged (HasFocus As Boolean)

LeadingIconClick

PasswordRevealChanged (Revealed As Boolean)

TextChanged (Text As String)

TrailingIconClick

Fields:

mBase As B4XView

Tag As Object

Functions:

Class_Globals As String

CreateASTextFieldAdvanced_Counter (Visible As Boolean, CounterMax As Int, IgnoreProperties As Boolean, xFont As B4XFont, TextColor As Int, View As ASTextFieldAdvanced_ViewCounter) As ASTextFieldAdvanced_Counter

CreateASTextFieldAdvanced_Hint (Visible As Boolean, Text As String, IgnoreProperties As Boolean, FocusedTextColor As Int, NonFocusedTextColor As Int, xFont As B4XFont, View As ASTextFieldAdvanced_ViewHint) As ASTextFieldAdvanced_Hint

CreateASTextFieldAdvanced_Information (Visible As Boolean, Text As String, IgnoreProperties As Boolean, xFont As B4XFont, TextColor As Int, View As ASTextFieldAdvanced_ViewInformation) As ASTextFieldAdvanced_Information

CreateASTextFieldAdvanced_LeadingIcon (Visible As Boolean, Icon As B4XBitmap, View As ASTextFieldAdvanced_ViewLeadingIcon) As ASTextFieldAdvanced_LeadingIcon

CreateASTextFieldAdvanced_Prefix (Visible As Boolean, Text As String, IgnoreProperties As Boolean, xFont As B4XFont, TextColor As Int, Gap As Float, View As ASTextFieldAdvanced_ViewPrefixSuffix) As ASTextFieldAdvanced_Prefix

CreateASTextFieldAdvanced_Suffix (Visible As Boolean, Text As String, IgnoreProperties As Boolean, xFont As B4XFont, TextColor As Int, Gap As Float, View As ASTextFieldAdvanced_ViewPrefixSuffix) As ASTextFieldAdvanced_Suffix

CreateASTextFieldAdvanced_Title (Visible As Boolean, Text As String, Height As Float, IgnoreProperties As Boolean, xFont As B4XFont, TextColor As Int, View As ASTextFieldAdvanced_ViewTitle) As ASTextFieldAdvanced_Title

CreateASTextFieldAdvanced_TrailingIcon (Visible As Boolean, Icon As B4XBitmap, View As ASTextFieldAdvanced_ViewTrailingIcon) As ASTextFieldAdvanced_TrailingIcon

DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
Base type must be Object

getBackgroundColor As Int

getBackgroundPanel As B4XView

getBottomHeight As Float
Call Refresh if you change something

getButtonTextLabel As B4XView

getClearButtonLabel As B4XView

getCounter As ASTextFieldAdvanced_Counter
Call Refresh if you change something

getHint As ASTextFieldAdvanced_Hint
Call Refresh if you change something

getInformation As ASTextFieldAdvanced_Information
Call Refresh if you change something

getisPasswordMode As Boolean

getKeyboardType As String

getLeadingIcon As ASTextFieldAdvanced_LeadingIcon
Call Refresh if you change something

getLeftGap As Float
Default: 10dip
Call Refresh if you change something

getNativeTextField As TextField
Gets the native TextField view

getNativeTextFieldMultiline As TextArea

getNativeTextFieldPassword As TextField
Gets the native TextField view

getPrefix As ASTextFieldAdvanced_Prefix
Call Refresh if you change something

getReadOnly As Boolean

getRevealButtonLabel As B4XView

getReveale As Boolean

getShowClearButton As Boolean
Call Refresh if you change something

getShowRevealButton As Boolean
Call Refresh if you change something

getSuffix As ASTextFieldAdvanced_Suffix
Call Refresh if you change something

getText As String

getTextField As B4XView

getTextFieldMultiline As B4XView

getTextFieldPassword As B4XView

getTextFull As String
Gets the full text, with Prefix and Suffix

getTitle As ASTextFieldAdvanced_Title
Call Refresh if you change something

getTrailingIcon As ASTextFieldAdvanced_TrailingIcon
Call Refresh if you change something

Initialize (Callback As Object, EventName As String) As String

IsInitialized As Boolean
Tests whether the object has been initialized.

Refresh As String

setBackgroundColor (Color As Int) As String

setBottomHeight (Height As Float) As String

setButtonText (Text As String) As String

setLeftGap (Gap As Float) As String

setReadOnly (ReadOnly As Boolean) As String

setReveale (Revealed As Boolean) As String

setShowClearButton (Show As Boolean) As String

setShowRevealButton (Show As Boolean) As String

setText (Text As String) As String

Properties:

BackgroundColor As Int

BackgroundPanel As B4XView [read only]

BottomHeight As Float
Call Refresh if you change something

ButtonText

ButtonTextLabel As B4XView [read only]

ClearButtonLabel As B4XView [read only]

Counter As ASTextFieldAdvanced_Counter [read only]
Call Refresh if you change something

Hint As ASTextFieldAdvanced_Hint [read only]
Call Refresh if you change something

Information As ASTextFieldAdvanced_Information [read only]
Call Refresh if you change something

isPasswordMode As Boolean [read only]

KeyboardType As String [read only]

LeadingIcon As ASTextFieldAdvanced_LeadingIcon [read only]
Call Refresh if you change something

LeftGap As Float
Default: 10dip
Call Refresh if you change something

NativeTextField As TextField [read only]
Gets the native TextField view

NativeTextFieldMultiline As TextArea [read only]

NativeTextFieldPassword As TextField [read only]
Gets the native TextField view

Prefix As ASTextFieldAdvanced_Prefix [read only]
Call Refresh if you change something

ReadOnly As Boolean

RevealButtonLabel As B4XView [read only]

Reveale As Boolean

ShowClearButton As Boolean
Call Refresh if you change something

ShowRevealButton As Boolean
Call Refresh if you change something

Suffix As ASTextFieldAdvanced_Suffix [read only]
Call Refresh if you change something

Text As String

TextField As B4XView [read only]

TextFieldMultiline As B4XView [read only]

TextFieldPassword As B4XView [read only]

TextFull As String [read only]
Gets the full text, with Prefix and Suffix

Title As ASTextFieldAdvanced_Title [read only]
Call Refresh if you change something

TrailingIcon As ASTextFieldAdvanced_TrailingIcon [read only]
Call Refresh if you change something

Changelog

1.00

Release

1.01 (read more)

Add Designer Property LeadingIcon - An icon which is placed in front of the text and has its own click event

Add Designer Property TrailingIcon - An icon which is placed behind the text and has its own click event

Add Event LeadingIconClick

Add Event TrailingIconClick

Add some more properties

1.02

Add Type ASTextFieldAdvanced_Title

Add Type ASTextFieldAdvanced_Information

Add Type ASTextFieldAdvanced_Counter

Add Type ASTextFieldAdvanced_Hint

Add Type ASTextFieldAdvanced_LeadingIcon

Add Type ASTextFieldAdvanced_TrailingIcon

Removed some properties, they are now in the new types

BugFixes

1.03 (read more)

Add Type ASTextFieldAdvanced_Prefix

Add Type ASTextFieldAdvanced_Suffix

Add Designer Properties Prefix, PrefixText, Suffix, SuffixText

Add get TextFull - Gets the full text, with Prefix and Suffix

BugFixes

1.04

BugFixes

1.05

BugFixes

1.06

BugFixes

Add Designer Property ReadOnly - Disables the user input

Default: False

1.07

BugFixes

Add "Multiline" to the designer property "Mode"

New Multiline mode

1.08

Multiline BugFixes

1.09

Add Focus - Sets input focus

1.10

BugFixes

get Reveale is renamed to isRevealed

1.11

Add Designer Property TextAlignment

Default: Left

1.12

Add set Text2 - Sets the text, without TextChanged Event

Add set ButtonText2 - Sets the button text, without TextChanged Event

1.13

BugFixes

1.14

ClearButtonClick

1.15

BugFix

1.16

BugFixes

Performance improvements

1.17

BugFixes - Character delimiter (Counter = True)

B4J Only - Click on the TextField to focus it

1.18

BugFix - ReadOnly = True - ClearButton and RevealButton are now also read only

Have Fun

Hello Alexander,

AS_TextFieldAdvanced.bas is missed in the B4A Example-Project

B4A Library [B4X] [XUI] AS TextFieldAdvanced - Title, Information, Counter, Password, Button, Prefix, Suffix, Icons, Multiline

Attachments

Expert

Active Member

Expert

Attachments

Active Member

Expert

Well-Known Member

Expert

Well-Known Member

Well-Known Member

Expert

Expert

Well-Known Member

Expert

Active Member

Expert

Active Member

Attachments

Expert

Member

Expert

Active Member

Similar Threads