Is it possible to float the edittext hint to bottom instead of top in android text input layout?

Question

Initially, the edittext should be shown like this.

Initial EditText

Initial EditText

After clicking on edittext, Hint should float to bottom like this -

Required Output

Please help me out in this.

but the requirement is.. it should be like a floating edittext which floats hint to bottom. — Atchyut Maddukuri, Feb 21 '18 at 11:33
See this link. https://stackoverflow.com/questions/33891482/show-helper-text-below-edittext-along-with-the-hint — Saad, Feb 21 '18 at 12:09

score 0 · Answer 1 · edited Feb 21 '18 at 12:17

0

You can use any one of the below two methods, but this will float to top on click of hint -

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

Or

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

edited Feb 21 '18 at 12:17

Sree

3,136
2
31
39

answered Feb 21 '18 at 11:41

nitish jaiswal

27
2

But I need to float the hint to bottom – Atchyut Maddukuri Feb 21 '18 at 11:45
i believe that is not possible – nitish jaiswal Feb 21 '18 at 12:35

score 0 · Answer 2 · answered Feb 21 '18 at 12:45

       <android.support.design.widget.TextInputLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_marginTop="10dp"
         app:hintTextAppearance="@style/TextLabel"
         >

         <EditText
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:ems="10"
             android:width="100dp"
             android:hint="HInt Here"
             android:inputType="text"
             android:clickable="false"
             android:focusable="false"
             android:focusableInTouchMode="false"
             />
     </android.support.design.widget.TextInputLayout>

Add style to style.xml

    <style name="TextLabel" parent="TextAppearance.Design.Hint">
    <item name="android:textSize">11sp</item>
    <item name="android:textColor">#929292</item>
    <item name="android:textColorHint">#929292</item>
    <item name="android:color">#929292</item>
    <item name="android:gravity">bottom</item>
    </style>

It is not working. I need the hint to be moved to bottom of edittext — Atchyut Maddukuri, Feb 22 '18 at 05:19

Is it possible to float the edittext hint to bottom instead of top in android text input layout?

2 Answers2