Making textinputlayout uneditable and setting click event on it

Question

I want to make textinputlayout uneditable by user and when user click on it i want to perform an action. I added android:focusable="false" inside edittext of textinputlayout to make it uneditable but now when i click on it it is not getting callback inside onclicklistener of textinputlayout.

   <android.support.design.widget.TextInputLayout
        android:id="@+id/tipVideoFilePath"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/uploadVideo"
        android:layout_toLeftOf="@+id/uploadVideo">

    <EditText
        android:id="@+id/etVideoFilePath"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="@dimen/dp5"
        android:singleLine="true"
        android:focusable="false"
        android:hint="@string/videoPath"
        android:textColor="@color/black"/>
</android.support.design.widget.TextInputLayout>

score 23 · Answer 1 · edited Apr 30 '22 at 04:16

I had the same issue for TextInputLayout and TextInputEditText. I wanted to open a dialog. Changing the TextInputEditText's "clickable" property to true worked for me

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/country_chooser_layout"
    style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp"
    android:layout_marginBottom="8dp">
    
    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/country_chooser"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:drawableEnd="@drawable/ic_expand_arrow"
        android:focusable="false"
        android:hint="Country"
        android:inputType="textCapWords" />
</com.google.android.material.textfield.TextInputLayout>

Kotlin :

val countryChooser = view.findViewById<TextInputEditText>(R.id.country_chooser)
countryChooser.setOnClickListener { v -> showCountryDialog(v) }

Tomin B Azhakathu · Answer 2 · 2021-04-27T11:02:30.680

Try this code. get on clck listener for the edittext.

<android.support.design.widget.TextInputLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
        <EditText
            android:id="+id/etVideoFilePat"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:focusable="false"
            android:clickable="true" />
</android.support.design.widget.TextInputLayout>

Johnny Five · Answer 3 · 2021-03-18T16:17:52.077

Set TextInputLayout android:clickable="true".
Set TextInputEditText android:clickable="true" and android:focusable="false".

Set View.OnClickListener on both TextInputLayout and TextInputEditText.

<com.google.android.material.textfield.TextInputLayout
     android:id="@+id/text_input_layout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:clickable="true">

     <com.google.android.material.textfield.TextInputEditText
         android:id="@+id/edit_text"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:clickable="true"
         android:focusable="false"/>
</com.google.android.material.textfield.TextInputLayout>

Note: It's important to set View.OnClickListener on both views because TextInputLayout bigger than and behind TextInputEditText.

Finally something which works in this situation. Although this solution made me look fool :( — Rahul Singh Chandrabhan, Mar 18 '21 at 08:37

score 4 · Answer 4 · answered Sep 30 '17 at 11:30

4

You can try these

edittext.setFocusable(false);
edittext.setClickable(true);

answered Sep 30 '17 at 11:30

Aytek Sökmen

474
3
9

3

For accessibility, it's preferable set `focusableInTouchMode` to false instead of `focusable`, so for instance users with keyboards can focus using 'tab' key. – Allan Veloso Feb 17 '19 at 12:45

score 0 · Answer 5 · answered Sep 30 '17 at 11:37

Or this:

put EditText in another Layout (RaltiveLayout) and make EditText Match_Parent

edittext.setFocusable(false);
edittext.setClickable(false);

relativelayout.setFocusable(true);
relativelayout.setClickable(true);

apply the onclicklistener on relativelayout

score 0 · Answer 6 · edited Mar 25 '20 at 06:05

My layout:

<com.google.android.material.textfield.TextInputLayout
                android:id="@+id/tvSelectBankInputLayout"
                style="@style/MyEditText.TextInputLayout.FilledBox"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/dp_16"
                android:clickable="true"
                android:hint="@string/txt_title_bank_name"
                app:endIconDrawable="@drawable/ic_right_muiten"
                app:endIconMode="custom"
                app:errorIconDrawable="@null">

                <com.google.android.material.textfield.TextInputEditText
                    android:id="@+id/tvSelectBank"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:clickable="true"
                    android:cursorVisible="false"
                    android:ellipsize="end"
                    android:focusable="false"
                    android:imeOptions="actionNext"
                    android:inputType="none"
                    android:maxLines="1"
                    android:scrollHorizontally="true"
                    android:singleLine="true"
                    android:textColor="@color/c_212121"
                    android:textSize="@dimen/sp_16" />

            </com.google.android.material.textfield.TextInputLayout>

And this is my code:

tvSelectBank?.setOnClickListener {
    startActivityForResult(intentFor<ListBankActivity>(), REQUEST_CODE)
}

score -1 · Answer 7 · answered Oct 30 '20 at 09:47

You can also define the inputType of your EditText at none to make it uneditable.

<android.support.design.widget.TextInputLayout
    android:id="@+id/tipVideoFilePath"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/uploadVideo"
    android:layout_toLeftOf="@+id/uploadVideo">

    <EditText
        android:id="@+id/etVideoFilePath"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="none"
        android:paddingLeft="@dimen/dp5"
        android:singleLine="true"
        android:focusable="false"
        android:hint="@string/videoPath"
        android:textColor="@color/black" />

</android.support.design.widget.TextInputLayout>

score -2 · Answer 8 · answered Sep 18 '18 at 09:08

-2

This worked for me (in Kotlin): editText.apply { isFocusableInTouchMode = false isClickable = false isLongClickable = false isEnabled = false }

answered Sep 18 '18 at 09:08

kassim

3,880
3
26
27

Making textinputlayout uneditable and setting click event on it

8 Answers8