How to set the error text alignment to center in TextInputLayout

Question

How to align the error text message to the center and below of edittext.I tried to align but its not working.Here is my code:

Xml

<android.support.design.widget.TextInputLayout
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:id="@+id/tilEmail">
 <EditText
                    android:layout_width="match_parent"
                    android:id="@+id/mob"
                    android:layout_height="35dp"
                    android:background="@drawable/round_corner_3"
                    android:inputType="phone"
                    android:hint="Mobile Number"
                    android:textColorHint="@color/colorGray"
                    android:textColor="@color/Black"
                        android:drawablePadding="10dp"/>
                </android.support.design.widget.TextInputLayout>

Java class

til = (TextInputLayout) findViewById(R.id.tilEmail);

                     til.setError("Mobile number not valid");

                     til.setError(Html.fromHtml("<font color='red'>Mobile number not valid</font>"));
                    mobile.setError(null);

         mobile.getBackground().setColorFilter(Color.WHITE, PorterDuff.Mode.SRC_ATOP);
                    Toast.makeText(getApplicationContext(), "Phone number or Password is not valid", Toast.LENGTH_SHORT).show();

                }

try this `customInputlayout` https://stackoverflow.com/questions/42575825/textinputlayout-error-right-align — Android, Feb 14 '19 at 11:29

score 1 · Answer 1 · answered Feb 14 '19 at 11:33

1

// reference an error textview
TextView textView = (TextView) til.findViewById(android.support.design.R.id
            .textinput_error);

if (textView != null) {
    // can be RelativeLayout/FrameLayout Params, depending on your xml
    LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) textView.getLayoutParams();
    params.gravity = Gravity.CENTER|Gravity.BOTTOM;
    textView.setLayoutParams(params);
}

Additionally, you can add margins to LayoutParams

answered Feb 14 '19 at 11:33

Boris Kozyrev

152
1
5

Why you have used TextView? – pratival Feb 14 '19 at 11:57
Well, in this particular case you can generalize to simple ```View```. Or have I misunderstood your question? – Boris Kozyrev Feb 14 '19 at 12:37
@ Boris Kozyrev I want that error message to be displayed center below the edit text box but its displaying from starting – pratival Feb 14 '19 at 12:45
@pratival, so have you tried to get an error textview from TextInputLayout and set its param's gravity to center with the code fragment that I have provided? – Boris Kozyrev Feb 14 '19 at 12:50
@BorisKozyrev doesn't work at all. do you have another solution? – Saman Sattari May 18 '21 at 06:45

score 0 · Answer 2 · answered Aug 19 '21 at 17:55

You need to create a custom class extending TextInputLayout and set the gravity there. This because you can't get the R.id.textinput_error_text id before having an error previous set.

Using Kotlin:

class TextInputLayoutErrorEnd(context: Context, attrs: AttributeSet) :
    TextInputLayout(context, attrs) {
    override fun setError(errorText: CharSequence?) {
        super.setError(errorText)
        errorText?.let {
            val errorTextView = findViewById<TextView>(R.id.textinput_error_text)
            errorTextView.gravity = Gravity.END
        }
    }
}

On your XML:

<package.TextInputLayoutErrorEnd...>
    <com.google.android.material.textfield.TextInputEditText.../>
</package.TextInputLayoutErrorEnd>

How to set the error text alignment to center in TextInputLayout

2 Answers2