title: Custom Error display TextInputLayout
body: <p>I have a specific implementation of error handling in edit texts. Is there any way i could achieve something like shown below.<a href="https://i.stack.imgur.com/khpeS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/khpeS.png" alt="Requirement"></a><a href="https://i.stack.imgur.com/frLXC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/frLXC.png" alt="requirement"></a></p>
  
  <p>I managed to achieve almost similar result. Only part remaining is the validator.<a href="https://i.stack.imgur.com/lyp70.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lyp70.png" alt="Achieved"></a></p>
  
  <p>Any help would be appretiated</p>
  
  <p><strong>Edit 1:</strong> Attaching code for to help.</p>
  
  <pre><code> &lt;android.support.design.widget.TextInputLayout
          style="@style/FrameTextLayout"
          android:layout_width="match_parent"
          app:theme="@style/GreyHighlight"&gt;
  
          &lt;android.support.design.widget.TextInputEditText
              android:id="@+id/fragment_sign_up_one.text_email"
              style="@style/FrameEditText"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:hint="@string/email"
              android:inputType="textEmailAddress" /&gt;
  
   &lt;/android.support.design.widget.TextInputLayout&gt;
  </code></pre>
  
  <p>Values in values\styles.xml</p>
  
  <pre><code>&lt;style name="GreyHighlight" parent="AppThemeNoAction"&gt;
      &lt;item name="colorControlNormal"&gt;@color/colorHeather&lt;/item&gt;
      &lt;item name="colorControlActivated"&gt;@color/colorHeather&lt;/item&gt;
      &lt;item name="textColorError"&gt;@color/colorHeather&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="FrameTextLayout"&gt;
      &lt;item name="android:background"&gt;@drawable/border_background&lt;/item&gt;
      &lt;item name="android:paddingTop"&gt;8dp&lt;/item&gt;
      &lt;item name="android:layout_height"&gt;53dp&lt;/item&gt;
      &lt;item name="android:layout_marginTop"&gt;16dp&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="FrameEditText"&gt;
      &lt;item name="android:background"&gt;@android:color/transparent&lt;/item&gt;
      &lt;item name="android:maxLines"&gt;1&lt;/item&gt;
      &lt;item name="android:textSize"&gt;16.7sp&lt;/item&gt;
      &lt;item name="android:textColor"&gt;@color/colorDarkIndigo&lt;/item&gt;
      &lt;item name="android:paddingBottom"&gt;8dp&lt;/item&gt;
      &lt;item name="android:paddingLeft"&gt;16dp&lt;/item&gt;
      &lt;item name="android:paddingRight"&gt;16dp&lt;/item&gt;
      &lt;item name="android:paddingTop"&gt;8dp&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>Also on the sidenote how do we centre hint inside a <code>TextInputLayout</code>. Example attached.</p>
  
  <p><a href="https://i.stack.imgur.com/0Odc0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0Odc0.png" alt="required"></a></p>
  
  <p>Currently,</p>
  
  <p><a href="https://i.stack.imgur.com/EvmqM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/EvmqM.png" alt="enter image description here"></a></p>
  
  <p><strong>Edit 2:</strong> Managed to center hint by disabling hint when not in focus by using <code>app:hintEnabled="false"</code> on <code>TextInputLayout</code>.</p>