Remove dropdown arrow from AutoCompleteTextView

Question

I want to remove dropdown arrow which is created by AutoCompleteTextView when I use TextInputLayout and use Style: ExposedDropdownMenu

Added image about what I want to remove

Below is my code:

<com.google.android.material.textfield.TextInputLayout
        android:layout_marginTop="10dp"
        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
        android:hint="Marital Status"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:boxStrokeColor="@color/colorPrimaryDark">

        <AutoCompleteTextView
            android:background="@null"
            android:focusable="false"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/edt_marital" />
    </com.google.android.material.textfield.TextInputLayout>

@pskink Please read my code too, AutoCompletetextview is acting the same here, the same design. Have a look here: https://material.io/develop/android/components/menu/ — , Sep 21 '19 at 09:30

Gabriele Mariotti · Accepted Answer · 2019-09-21T10:04:29.537

28

If you would like to avoid the dropdown icon just use the app:endIconMode attribute.

<com.google.android.material.textfield.TextInputLayout
      style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
      app:endIconMode="none"
      ...>

Before and after:

edited Sep 21 '19 at 10:04

answered Sep 21 '19 at 09:57

Gabriele Mariotti

320,139
94
887
841

4

After setting app:endIconMode="none", dropdown menu is not showing – Shams Jun 29 '21 at 08:52
@Shams u got a solution for it? – Funny Moments Aug 01 '21 at 16:41
1

@Gabriele Mariotti any idea why the menu would not show up if the arrow disappears? – Funny Moments Aug 01 '21 at 16:50

score 1 · Answer 2 · edited Jan 13 '22 at 18:58

Hello guys, after having searched a lot and found little. I was trying to achieve how I wanted and I wanted to share the experience and result with you. As the same Material Design documentation says.

A result Image Dropdown Menu similar to a Spinner, following the documentation. Next code:

<com.google.android.material.textfield.TextInputLayout
                android:id="@+id/txtAnswer"
                style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/margin_top_15dp"
                android:layout_marginEnd="10dp"
                app:endIconDrawable="@drawable/ic_arrow_down"
                app:hintTextAppearance="@style/styleFilterLabelLatoRegular"
                app:layout_constraintEnd_toStartOf="@+id/txtAssignedTo"
                app:layout_constraintStart_toStartOf="@+id/guideLineBegin"
                app:layout_constraintTop_toBottomOf="@+id/txtSearchQuestionnaire">

                <AutoCompleteTextView
                    android:id="@+id/actvTypesAnswer"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:inputType="none"
                    android:hint="@string/text_answer" />

Now a result as expected from an AutoCompleteTextView Image AutoCompleteTextView. Code xml.

<com.google.android.material.textfield.TextInputLayout
                android:id="@+id/txtSearchQuestionnaire"
                style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox.ExposedDropdownMenu"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/margin_top_15dp"
                app:endIconMode="none"
                app:hintTextAppearance="@style/styleFilterLabelLatoRegular"
                app:layout_constraintEnd_toEndOf="@id/guideLineEnd"
                app:layout_constraintStart_toStartOf="@+id/guideLineBegin"
                app:layout_constraintTop_toBottomOf="@+id/txtPeriodActivation">

                <AutoCompleteTextView
                    android:id="@+id/actvNameQuestionnaire"
                    style="@style/textAppearanceSettingInputEdittextFilter.Enabled"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:drawableEnd="@drawable/ic_search"
                    android:hint="@string/text_search_name_questionnaire" />

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

The only changes were to add the attribute app: endIconMode = "none" in TextInputLayout and in the AutoCompleteTextView the attribute android: drawableEnd="@drawable/ic_search"

Excuse my level of English!!

score 0 · Answer 3 · answered Jul 25 '23 at 12:56

Besides doing this in your layout.xml there is also the opportunity to do it programmatically. Therefor you need an instance of the surrounding TextInputLayout instead of the AutoCompleteTextView.

To remove the drop down button, just run

textInputLayout.setEndIconMode(TextInputLayout.END_ICON_NONE);

To activate the drop down button, just run

textInputLayout.setEndIconMode(TextInputLayout.END_ICON_DROPDOWN_MENU);

Remove dropdown arrow from AutoCompleteTextView

3 Answers3