Design Android EditText to show error message as described by google

Question

I need an EditText that looks like this onError       calling onError looks like this instead       Note  the app is running on SDK 19  4 4 2   min SDK is 1  Is there a method similar to setError that does this automatically   or do I have to write the code for it    Thank you

User · Answer

Call myTextInputLayout setError   instead of myEditText setError      These container and containment have double functionality on setting errors  Functionality you need is container s one  But you could require minimal version of 23 for that

User · Answer

reVerse s answer is great but it didn t point out how to remove the floating error tooltip kind of thing  You ll need edittext setError null  to remove that  Also  as someone pointed out  you don t need TextInputLayout setErrorEnabled true   Layout   lt android support design widget TextInputLayout     android layout width  match parent      android layout height  wrap content  gt        lt EditText         android id    id edittext          android layout width  match parent          android layout height  wrap content          android hint  Enter something    gt   lt  android support design widget TextInputLayout gt    Code  TextInputLayout til    TextInputLayout  editText getParent    til setError  Your input is not valid       editText setError null

User · Answer

TextInputLayout til    TextInputLayout editText getParent    til setErrorEnabled true   til setError  some error

User · Answer

If anybody still facing the error with using google s design library as mentioned in the answer then  please use this as commented by  h k which is -  Instead of calling setError on TextInputLayout  You might be using setError on EditText itself

User · Answer

Your EditText should be wrapped in a TextInputLayout   lt android support design widget TextInputLayout     android layout width  fill parent      android layout height  wrap content      android id    id tilEmail  gt        lt EditText         android layout width  fill parent          android layout height  wrap content          android inputType  textEmailAddress          android ems  10          android id    id etEmail          android hint  Email          android layout marginTop  10dp            gt    lt  android support design widget TextInputLayout gt    To get an error message like you wanted  set error to TextInputLayout  TextInputLayout tilEmail    TextInputLayout  findViewById R id tilEmail   if  error       tilEmail setError  Invalid email id            You should add design support library dependency  Add this line in your gradle dependencies  compile  com android support design 22 2 0

User · Answer

private EditText edt firstName  private String firstName   edt firstName   findViewById R id edt firstName    private void validateData      firstName   edt firstName getText   toString   trim     if   firstName isEmpty      here api call for       else  if  firstName isEmpty                      edt firstName setError  Please Enter First Name                    edt firstName requestFocus

User · Answer

There s no need to use a third-party library since Google introduced the TextInputLayout as part of the design-support-library      Following a basic example   Layout   lt android support design widget TextInputLayout     android id    id text input layout      android layout width  match parent      android layout height  wrap content      app errorEnabled  true  gt        lt android support design widget TextInputEditText         android id    id edit text          android layout width  match parent          android layout height  wrap content          android hint  Enter your name    gt    lt  android support design widget TextInputLayout gt    Note  By setting app errorEnabled  true  as an attribute of the TextInputLayout it won t change it s size once an error is displayed - so it basically blocks the space   Code  In order to show the Error below the EditText you simply need to call  setError on the TextInputLayout  NOT on the child EditText    TextInputLayout til    TextInputLayout  findViewById R id text input layout   til setError  You need to enter a name      Result    To hide the error and reset the tint simply call til setError null      Note  In order to use the TextInputLayout you have to add the following to your build gradle dependencies   dependencies       compile  com android support design 25 1 0        Setting a custom color  By default the line of the EditText will be red  If you need to display a different color you can use the following code as soon as you call setError   editText getBackground   setColorFilter getResources   getColor R color red 500 primary   PorterDuff Mode SRC ATOP     To clear it simply call the clearColorFilter function  like this   editText getBackground   clearColorFilter

[android] Design Android EditText to show error message as described by google

Examples related to android

Examples related to android-edittext