Styling form using TextInputLayout

Save

InputTextLayout is used to wrap an EditText and to show hint in floating label when user types in the EditText . It makes the form fields very stylish. We can also set & get errors when validating the input data. InputTextLayout is part of Design Support library.

InputTextLayout inherits constants from LinearLayout, ViewGroup and View.

To use InputTextLayout:

Example: Display Login  Form using TextInputLayout with validation

Step 1:  we need to add a library in build.gradle file in Android Studio:

Step 2: Create an xml file :

In above code we have wraped Edit Text into a  TextInputLayout.

When user clicks on EditText area, hint floats up. User can see following UI

login3

Step 3: Write code in java  file.

Now, setError & setErrorEnable on TextInputLayout when validating the user input.

In above code, We are setting error on instance of TextInputLayout. If email address is empty or password length is less than 8 then it will show an error.

login2

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

css.php

We've bought a Shopware Extension which is a hybrid App, which we can now offer in the Google Play Store and the IOS App Store. I'am still impressed how fast and how sharp the support team leads us through every process of the App-Store clarification. Very fast and useful response.

Markus Walter

Markus Walter

Founder, Das Apartment Living

Talk to Sales

Global

Live Chat
Start a Project


    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home