How to change the border color of edittext inside the TextInputLayout

Question

I am using TextInputLayout around edittext. I want to change the border color of the edit text which is present inside the TextInputLayout.

xml

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <android.support.design.widget.TextInputEditText
            android:id="@+id/Test1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
    </android.support.design.widget.TextInputLayout>

Csharp

    private TextInputEditText editor;
    editor = FindViewById<TextInputEditText>(Resource.Id.Test6);
    editor.Background.SetColorFilter(Android.Graphics.Color.Red, Android.Graphics.PorterDuff.Mode.SrcAtop);

This above code works correctly, if the edit text is not present inside the TextInputLayout. Only gets problem while using the edittext inside the TextInputLayout. How can I fix this?

Use the boxStrokeColor attribute – Gabriele Mariotti Sep 28 '20 at 13:39 — Gabriele Mariotti, Sep 28 '20 at 13:39

score 1 · Answer 1 · answered Sep 25 '20 at 06:11

1

create drawable file in drawable folder i.e. drawable_name.xml

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

  <!-- Background Color -->
  <solid android:color="#ffffff" />

  <!-- Border Color -->
  <stroke android:width="1dp" android:color="#e7e7e7e7" />

  <!-- Round Corners -->
  <corners android:radius="5dp" />

</shape>

and set this drawable to edittext

 drawble = "@drawable/drawble_name"

change color of border as per your requirement

answered Sep 25 '20 at 06:11

Saad Khan

180
2
12

Sorry, I think you have understood wrongly. I need to change the default existing border color of the edit text. – Ragul S V Sep 25 '20 at 06:33
You can use tint in the xml then to change the default border of the edittext – Saad Khan Sep 25 '20 at 06:34
Instead of shape? – Ragul S V Sep 25 '20 at 06:38
1

yes, i.e. tint = "@color/specific_color" in edittext tag – Saad Khan Sep 25 '20 at 06:40
I had tried this, if I focus the edit text it gets to blue color and in unfocus tint color works. – Ragul S V Sep 25 '20 at 06:52

score 1 · Answer 2 · answered Sep 25 '20 at 06:19

put the style in your style,

<style name="LoginTextInputLayoutStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense">
    <item name="boxStrokeColor">#fff</item>
    <item name="boxStrokeWidth">2dp</item>
</style>

and add the following color to your color.xml

<color name="mtrl_textinput_default_box_stroke_color" tools:override="true">#fff</color>

Change the TextInputLayout outline color

How to change the border color of edittext inside the TextInputLayout

2 Answers2