Text field limitation


#1

I have a search bar and I want to modify the typing limit of it. I do not mean playing with the number of Characters that it can holds, I am talking about the UI limit. Here is an image:

I want the text to stop at the red Mark.


#2

Hey @MajdSoufan,

You can count the characters upto your red mark in your search bar(Textfield). Then set the count as the maxLength of the Textfield.

FYI,

<TextField class="input input-border" maxLength="15" hint="maxLength with secure='true'" text="" secure="true" returnKeyType="done"></TextField>


#3

I don’t know if I’m understanding what you want to do, but try with a padding right, like

TextField {
    padding-right: 50;
}

#4

@kumran it helps Thanks for detailed info :slight_smile: