Removing TextInputLayout extra top padding

Question

TextInputLayout seems to always have some extra padding at the top (no matter that all margins/paddings are set to 0):

The layout looks like:

<android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.AppCompatEditText
            android:id="@+id/txt_amount"
            style="@style/EditTextStyle"
            android:hint="@string/hint_amount"
            android:inputType="numberDecimal"/>
    </android.support.design.widget.TextInputLayout>

How to remove this extra space?

Do you mean above the text, or above the `View` bounds? http://stackoverflow.com/a/40696708 — Mike M., Apr 21 '17 at 11:40
@MikeM. I mean above the view (space between `EditText` and top border of the `TextInputLayout`). — 0leg, Apr 21 '17 at 13:09
Yeah, that's for the floating hint. If you're not going to use that, you can disable it with `hintEnabled="false"` in the layout XML, like is shown in my linked answer. Oh, I guess someone posted it here, too. — Mike M., Apr 21 '17 at 13:11

score 70 · Accepted Answer · edited Jan 09 '18 at 06:01

You can remove extra space above AppCompatEditText by setting app:hintEnabled="false" to TextInputLayout but it won't display hint until you re-enable that.

For more info goto Android Developer site -TextInputLayout

Checkout below code

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:hintEnabled="false">

    <android.support.v7.widget.AppCompatEditText
        android:id="@+id/txt_amount"
        style="@style/EditTextStyle"
        android:hint="@string/hint_amount"
        android:inputType="numberDecimal"/>
</android.support.design.widget.TextInputLayout>

Hope this helpfull..

@Rajesh

Ok, this looks reasonable. Will accept unless there is some better solution. — 0leg, Apr 21 '17 at 13:11

Ali Akber · Answer 2 · 2020-12-03T08:41:36.997

The accepted answer didn't work for me on version - 1.2.1 so I did some experiments and realized that the padding doesn't actually come from the TextInputLayout, rather it's from TextInputEditText. So first I removed the padding from that, but it looked uneven, so I set custom padding to TextInputEditText and it worked fine. Just add this line android:padding="16dp" to the TextInputEditText replacing 16dp with your desired value.

score 15 · Answer 3 · answered Dec 03 '20 at 01:55

having a structure like this:

<com.google.android.material.textfield.TextInputLayout
                    android:id="@+id/til_project"
                    style="@style/LoginTextInputLayoutStyle"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    app:errorEnabled="false">

                    <com.google.android.material.textfield.TextInputEditText
                        android:id="@+id/totalPiecesProduct"
                        android:layout_gravity="center"
                        android:gravity="center"
                        android:padding="0dp"
                        android:textSize="13sp"
                        style="@style/TextInputEditTextStyle"/>

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

the keys are:

app:errorEnabled="false" in TextInputLayout

`android:padding="0dp"` in `TextInputEditText`

before:

after

score 1 · Answer 4 · answered Dec 15 '20 at 13:04

You can do it by overriding the default padding style of TextInputStyle, (Material version should be above 1.1.0)

 <style name="CustomInputLayoutPadding" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
    <item name="boxBackgroundColor">@color/transparent</item>
    <item name="materialThemeOverlay">@style/CustomOverlayFilledPadding</item>
</style>

then

 <style name="CustomeOverlayFilledPadding">
    <item name="editTextStyle">@style/CustomTextInputEditPaddingStyle</item>
</style>

then

   <style name="CustomTextInputEditPaddingStyle" parent="@style/Widget.MaterialComponents.TextInputEditText.FilledBox">
    <item name="android:paddingStart" ns2:ignore="NewApi">2dp</item>
    <item name="android:paddingEnd" ns2:ignore="NewApi">2dp</item>
    <item name="android:paddingLeft">0dp</item>
    <item name="android:paddingRight">2dp</item>
    <item name="android:paddingTop">28dp</item>
    <item name="android:paddingBottom">12dp</item>
</style>

score 1 · Answer 5 · answered May 27 '22 at 07:21

1

I had done using set manual padding in TextInputEditText

android:paddingHorizontal="@dimen/_12sdp"
android:paddingVertical="@dimen/_10sdp"

answered May 27 '22 at 07:21

Madhav

317
2
12

score 1 · Answer 6 · answered Oct 23 '22 at 16:52

1

to remove all paddings in your TextInputLayout, you can set app:boxCollapsedPaddingTop to 0dp in TextInputLayout and android:padding to 0dp in Edittext.

answered Oct 23 '22 at 16:52

Ali Kashan

11
3

android:padding to 0dp in Edittext worked like charm – Ucdemir Oct 31 '22 at 17:08

score 0 · Answer 7 · answered Mar 14 '23 at 12:57

0

As of compileSdk 33 or Material library version v1.8.0, I added the attribute

app:boxBackgroundMode="filled"

in <com.google.android.material.textfield.TextInputLayout

answered Mar 14 '23 at 12:57

Lawrence Gimenez

2,662
4
34
52

score -1 · Answer 8 · answered Mar 22 '18 at 12:48

You can use this

  <android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColorHint="@android:color/white">

            <com.bugle.customviews.RobotoLightEditText

                android:id="@+id/edtName"
                style="@style/StyledTilEditText"
                android:hint="@string/name"
                android:imeOptions="actionNext"
                android:inputType="textCapWords" />

        </android.support.design.widget.TextInputLayout>

score -3 · Answer 9 · answered Apr 21 '17 at 11:54

-3

Add this line in EditText

android:translationY="-10dp"

answered Apr 21 '17 at 11:54

Ashish

13
5

3

This looks like a hack. Would try to avoid it if it is possible to set this to zero somewhere. – 0leg Apr 21 '17 at 13:10

Removing TextInputLayout extra top padding

9 Answers9

Linked