how add a border only on bottom of EditText?

Question

I saw many related discussions but didn't find a suitable solution. What I need to do is to create a black border on the bottom side of an EditText widget. Is that possible?

you can use image background, first thing that poped in my mind...looking for other solutions also — MSA, Aug 25 '14 at 07:47
possible duplicate of [Is there an easy way to add a border to the top and bottom of an Android View?](http://stackoverflow.com/questions/1598119/is-there-an-easy-way-to-add-a-border-to-the-top-and-bottom-of-an-android-view) — Simas, Aug 25 '14 at 07:47

score 68 · Answer 1 · edited Nov 23 '15 at 11:09

68

simple create one edittext_bottom_line.xml file in drawable folder in res

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:bottom="1dp"
        android:left="-2dp"
        android:right="-2dp"
        android:top="-2dp">
        <shape android:shape="rectangle" >
            <stroke
                android:width="0.5dp"
                android:color="@android:color/black" />
        </shape>
    </item>

</layer-list>

To set control's single property like these:

 <EditText
     android:id="@+id/editTextEnterPassword"
     android:layout_width="fill_parent"
     android:layout_height="40dp"
    android:background="@drawable/edittext_bottom_line"
    />

edited Nov 23 '15 at 11:09

Rajesh Jadav

12,801
5
53
78

answered Sep 03 '15 at 08:05

Dhruv Raval

4,946
3
29
34

1

this doesn't work on Android version 4.1 but does work on other versions weird – CommonSenseCode Dec 11 '15 at 16:20
EditText box/background turned black as I entered in the data. – gimmegimme Feb 16 '17 at 05:33
NVM. It seems VirtualBox is the main culprit :( – gimmegimme Feb 16 '17 at 05:44

KOTIOS · Accepted Answer · 2016-06-24T09:24:54.413

I compiled this at my end :

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="true"><layer-list>
                <item android:bottom="-10dp" android:left="-10dp" android:right="-10dp"><shape>
                        <gradient android:angle="270" android:endColor="#a0e0b071" android:startColor="#a0a67637" />

                        <stroke android:width="10dp" android:color="#5c3708" />

                        <corners android:radius="5dp" />

                        <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
                    </shape></item>
            </layer-list></item>
        <item android:state_enabled="true"><layer-list>
                <item android:bottom="-10dp" android:left="-10dp" android:right="-10dp"><shape android:shape="rectangle">
                        <gradient android:angle="270" android:endColor="#a0a67637" android:startColor="#a0e0b071" />

                        <stroke android:width="10dp" android:color="#5c3708" />

                        <corners android:radius="5dp" />

                        <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
                    </shape></item>
            </layer-list></item>

    </selector>

What is the top-level element? Could you please complete your code. — iOSAndroidWindowsMobileAppsDev, Jun 24 '16 at 09:12

Subhalaxmi · Answer 3 · 2015-12-02T11:40:09.270

just add underlinebg.xml in res/drawable

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item android:bottom="-1dp"
        android:left="-2dp"
        android:right="-2dp"
        android:top="-2dp">
        <shape android:shape="rectangle" >
            <stroke
                android:width="2dp"
                android:color="@color/drawe_content_color_click" />
        </shape>
    </item>

</layer-list>

and set the background where ever required. For me i got the solution like [![myoutput!!][1]][1] .I think my answer will helpful for others.

score 3 · Answer 4 · answered Nov 12 '19 at 08:09

Create a layer list with item as below

<item android:bottom="-1dp"
    android:left="-2dp"
    android:right="-2dp"
    android:top="-2dp">
    <shape android:shape="rectangle" >
        <stroke
            android:width="2dp"
            android:color="#111111" />
    </shape>
</item>

score 2 · Answer 5 · answered Aug 25 '14 at 07:47

you can create one xml file like follow:

<item>
    <shape android:shape="rectangle" >
        <solid android:color="@color/orange" />
    </shape>
</item>
<item android:bottom="4dp">
    <shape android:shape="rectangle" >
        <size android:height="4dp" />

        <solid android:color="@color/green3" />
    </shape>
</item>

then set this file as your background

score 0 · Answer 6 · answered Oct 17 '16 at 19:05

<?xml version="1.0" encoding="utf-8" `enter code here`?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:left="2dp" android:right="-2dp"
        android:top="-2dp" android:bottom="2dp" >
        <shape android:shape="rectangle">
            <stroke android:color="@android:color/black" android:width="2dp">

            </stroke>
        </shape>
    </item>
</layer-list>

how add a border only on bottom of EditText?

6 Answers6