EditText with TextInputlayout layout With hint and Border

android android-textinputlayout
Bhavin Jadav picture Bhavin Jadav · Nov 21, 2017 · Viewed 10.2k times · Source

enter image description here

I want EditText like one in above image. The problem is that if I use TextInputLayout it shows default bar at the bottom and I want it with custom borders around it.

I also tried using the below examples,

Custom TextInputLayout android

Answer

Edwin Nyawoli picture Edwin Nyawoli · Jun 3, 2019

Use the Material Design Outline Box style

style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

See the design guide here

Related questions

How to change the floating label color of TextInputLayout

With reference to the new TextInputLayout released by Google, how do I change the floating label text color? Setting colorControlNormal, colorControlActivated, colorControlHighLight in styles does not help. This is what I have now:

Read More
how to change color of TextinputLayout's label and edittext underline android

I am using android design library's TextinputLayout. But couldn't customize the hint color, label color and the underline color of EditText inside TextinputLayout. Please help.

Read More
TextInputLayout :How to give padding or margin to hint?

I have to use TextInputLayout of design support library in my project. I want to give space between hint and EditText in TextInputLayout. I set margin and padding in TextInputLayout and even inside EditText but both are not work.So …

Read More