How to change hint text color textinputlayout

Question

Hi, I am using TextInputLayout in my application. I want to set the color of the tooltip text and the color of the floating label (both focused and unfocused) to white. I tried the code below.

<android.support.design.widget.TextInputLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:theme="@style/TextLabel"> <android.support.v7.widget.AppCompatEditText android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="Hiiiii" android:id="@+id/edit_id"> </android.support.v7.widget.AppCompatEditText> </android.support.design.widget.TextInputLayout> <style name="TextLabel" parent="TextAppearance.AppCompat"> //hint color And Label Color in False State <item name="android:textColorHint">@color/Color Name</item> <item name="android:textSize">20sp</item> //Label color in True State And Bar Color False And True State <item name="colorAccent">@color/Color Name</item> <item name="colorControlNormal">@color/Color Name</item> <item name="colorControlActivated">@color/Color Name</item> </style> 

It works correctly for candies, but not for lower versions. How can I achieve the same thing in lower versions?

Answer 1

I got an answer for that. In OS versions below lollipop we need to set the text color to white (in my case) in the application theme. Then it will work.

Answer 2

Give the same Text Input Style that you specify Edittext

  <!--Text Input Style--> <style name="styleTextInputLayout" parent="Widget.Design.TextInputLayout"> <item name="android:textColor">?android:attr/textColorSecondary</item> <item name="android:textColorHint">?android:attr/textColorSecondaryInverse</item> </style> <!--EditText--> <style name="styleEditText" parent="Widget.AppCompat.EditText"> <item name="android:textColor">?android:attr/textColorSecondary</item> <item name="android:textColorHint">?android:attr/textColorSecondaryInverse</item> </style> 

indicate the appropriate colors in the tags above

 <android.support.design.widget.TextInputLayout style="@style/styleTextInputLayout" android:layout_width="fill_parent" android:layout_height="wrap_content"> <EditText android:id="@+id/edtTextFirstName" style="@style/styleEditText" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="@dimen/dimen_5_dp" android:layout_marginTop="@dimen/dimen_5_dp" android:hint="@string/hint_first_name" android:imeOptions="actionNext" android:inputType="textPersonName|textCapWords" android:singleLine="true" /> </android.support.design.widget.TextInputLayout> 

above code works with

 compile 'com.android.support:appcompat-v7:23.0.1' compile 'com.android.support:design:23.0.1' 

I ran into a problem with version 22 , maybe there is some error due to which Text Input ignores the entered style.

Solution for com.android.support:design below 23 :

style.xml

  <style name="styleTextInputTextAppearance" parent="TextAppearance.AppCompat"> <item name="android:textColorHint">?android:attr/textColorSecondaryInverse</item> </style> 

set theme to TextInputLayout

 <android.support.design.widget.TextInputLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:theme="@style/styleTextInputTextAppearance"> <EditText android:id="@+id/edtTextTowerName" style="@style/styleEditText" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginBottom="@dimen/dimen_5_dp" android:layout_marginTop="@dimen/dimen_5_dp" android:hint="@string/hint_tower_name" android:imeOptions="actionNext" android:inputType="textCapWords" android:singleLine="true" /> </android.support.design.widget.TextInputLayout>