How to achieve old appearance of error message in material design TextInputLayout?

Question

I am using com.google.android.material.textfield.TextInputLayout, and trying to achive input field appearance like on the first image:

But it renders error message this way:

How to make it look like on the first picture?

UPDATE: This is my xml:

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/tilEmail"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toEndOf="@id/ivContactIcon"
        app:layout_constraintEnd_toEndOf="@id/gEnd"
        app:layout_constraintTop_toBottomOf="@id/tilHomePhone"
        app:errorEnabled="true"
        android:hint="@string/profile_edit_hint_email"
        >

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/etEmail"
          style="@style/FontRoboRegularSizeMFontPrimaryOneLineMatchWrap"
            android:inputType="textEmailAddress"
            android:imeOptions="actionDone"
            />
    </com.google.android.material.textfield.TextInputLayout>

How do you get this error when entering some text into your email input, like the first picture or the second one ? — Tamir Abutbul, Apr 25 '19 at 12:34
You need to call `setError()` on the `TextInputLayout`, not the `TextInputEditText`. — Mike M., Apr 25 '19 at 12:42
@MikeM. Wow! This is correct. Could you create answer instead of comment? — Oleh Liskovych, Apr 25 '19 at 12:46
Actually, it's a common issue, and has been answered here before, so I'll just mark this as a duplicate instead. Thanks, though. I appreciate the offer. Glad you got it working. Cheers! — Mike M., Apr 25 '19 at 12:47

score 0 · Answer 1 · answered Apr 25 '19 at 12:37

0

Try this one :

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="@string/hint_text">

  <com.google.android.material.textfield.TextInputEditText
      android:layout_width="match_parent"
      android:layout_height="wrap_content"/>

</com.google.android.material.textfield.TextInputLayout>

And here you have options that you can have for the error.

app:errorEnabled setError(CharSequence)

answered Apr 25 '19 at 12:37

coroutineDispatcher

7,718
6
30
58

Error is enabled, but I want another appearance of it – Oleh Liskovych Apr 25 '19 at 12:43
drop the `style="@style/FontRoboRegularSizeMFontPrimaryOneLineMatchWrap"` and replace with `style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"` – coroutineDispatcher Apr 25 '19 at 12:44

How to achieve old appearance of error message in material design TextInputLayout?

1 Answers1