# Listview arrow icons missing

**URL:** <https://forum.ionicframework.com/t/listview-arrow-icons-missing/235>\
**Category:** ionic-v1\
**Created:** [December 12, 2013, 2:47pm UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235 "2013-12-12T14:47:39Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![pmarchezz](https://avatars.discourse-cdn.com/v4/letter/p/dbc845/32.png) [@pmarchezz](https://forum.ionicframework.com/u/pmarchezz)\
**Post date:** [December 12, 2013, 2:47pm UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/1 "2013-12-12T14:47:40Z")

</div>

Hi,  
I have an issue with Ionic listviews while developing on my Android device. While testing my app with a web browser on my PC, the default arrow icon that comes with list items is visible, while it doesn’t show up on the device. I’d upload a couple of screenshots to better illustrate the issue, but apparently I can’t do so since I’m a new user.

Relevant code (JADE):

```
div.scroll-content.has-header.has-footer.padding.overflow-scroll
    div.list
        a.item.item-icon-left(href="myHref1")
            i.icon.ion-information-circled
            span Customer Information
        a.item.item-icon-left(href="myHref2")
            i.icon.ion-document-text
            span Tickets
        ...

```

Since I’m not specifying the `.item-icon-right` class, I’d expect items to get the default right arrow icon as described [here](http://ionicframework.com/docs/components/#item-icons) (on both devices and browsers).

What am I missing? Thank you for your help!

---

<div class="post-metadata">

**Author:** ![adam](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/adam/32/63947_2.png) [@adam](https://forum.ionicframework.com/u/adam)\
**Post date:** [December 13, 2013, 4:48pm UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/2 "2013-12-13T16:48:36Z")

</div>

I recently came across this too, and it seems like a fun Android bug, so you’re not doing anything wrong. I’ll submit an issue and try to come up with a fix (hack).

> <https://github.com/ionic-team/ionic/issues/323>
>
> http://forum.ionicframework.com/t/listview-arrow-icons-missing/235

Thanks

---

<div class="post-metadata">

**Author:** ![aghausman1](https://avatars.discourse-cdn.com/v4/letter/a/a4c791/32.png) [@aghausman1](https://forum.ionicframework.com/u/aghausman1)\
**Post date:** [March 6, 2014, 11:18pm UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/3 "2014-03-06T23:18:15Z")

</div>

I saw on GitHub this issue is closed. Is it resolved ? How can I get it ?

**Update:**

I downloaded the nightly build v0.10.0-alpha-1052 and boom. It starts working 🙂

---

<div class="post-metadata">

**Author:** ![aaronksaunders](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/aaronksaunders/32/13729_2.png) [@aaronksaunders](https://forum.ionicframework.com/u/aaronksaunders)\
**Post date:** [April 27, 2014, 2:18am UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/4 "2014-04-27T02:18:02Z")

</div>

seems like this issue is back with the nightly build

---

<div class="post-metadata">

**Author:** ![guoqiao](https://avatars.discourse-cdn.com/v4/letter/g/a88e57/32.png) [@guoqiao](https://forum.ionicframework.com/u/guoqiao)\
**Post date:** [April 27, 2014, 3:44am UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/5 "2014-04-27T03:44:44Z")

</div>

Yes, it’s back.  
I upgrade to the nightly build of ionic just now, and the arrows disappear.

---

<div class="post-metadata">

**Author:** ![adam](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/adam/32/63947_2.png) [@adam](https://forum.ionicframework.com/u/adam)\
**Post date:** [April 28, 2014, 4:33pm UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/6 "2014-04-28T16:33:28Z")

</div>

List item nav arrows are no longer automatically added by design, [this commit](https://github.com/driftyco/ionic/commit/c7e3def) explains it further.

---

<div class="post-metadata">

**Author:** ![devocular](https://avatars.discourse-cdn.com/v4/letter/d/90db22/32.png) [@devocular](https://forum.ionicframework.com/u/devocular)\
**Post date:** [May 4, 2014, 3:39pm UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/7 "2014-05-04T15:39:34Z")

</div>

still having problem on android 4.0.3  
icons are shown, but not centered vertically. they are top aligned…

no problem on other android versions…

---

<div class="post-metadata">

**Author:** ![aaronksaunders](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/aaronksaunders/32/13729_2.png) [@aaronksaunders](https://forum.ionicframework.com/u/aaronksaunders)\
**Post date:** [May 4, 2014, 3:46pm UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/8 "2014-05-04T15:46:05Z")

</div>

i think you just need to add them yourself in the lastest builds, that is how i resolved my issues.

---

<div class="post-metadata">

**Author:** ![devocular](https://avatars.discourse-cdn.com/v4/letter/d/90db22/32.png) [@devocular](https://forum.ionicframework.com/u/devocular)\
**Post date:** [May 4, 2014, 10:49pm UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/9 "2014-05-04T22:49:17Z")

</div>

It’s what i’ve done. i downloaded the SCSS folder from git and put it in my project folder.  
I’ve followed the commit instructions too and actually icons are shown but on android **4.1.2** they are not centered vertically…

This is my code

```
<div class="list">
                        
                        <a class="item item-icon-right" href="#about">Info <i class="icon ion-chevron-right icon-accessory"></i></a>
                        <div class="item item-icon-right performGlobalUpdate " >Aggiorna dati <i class="icon ion-loop icon-accessory"></i></div>
                        <div class="item item-icon-right exit" >Esci <i class="icon ion-log-out icon-accessory"></i></div>

                    </div>

```

and this the result:

![](https://sea1.discourse-cdn.com/ionicframework/uploads/default/636/3e5ce330ed08a655.JPG)

---

<div class="post-metadata">

**Author:** ![siddhartha](https://avatars.discourse-cdn.com/v4/letter/s/bc79bd/32.png) [@siddhartha](https://forum.ionicframework.com/u/siddhartha)\
**Post date:** [May 6, 2014, 5:09am UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/10 "2014-05-06T05:09:32Z")

</div>

God damn it. The same happened to me on `Android 4.2.2`. So I added `"item-right" class` to my `ul` and added a icon. Now if I upgrade to the next release then I would get both my icons and the `default list icons`. Headache!

---

<div class="post-metadata">

**Author:** ![mrsean2k](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrsean2k/32/65706_2.png) [@mrsean2k](https://forum.ionicframework.com/u/mrsean2k)\
**Post date:** [October 14, 2014, 9:56am UTC](https://forum.ionicframework.com/t/listview-arrow-icons-missing/235/11 "2014-10-14T09:56:10Z")

</div>

Is there a recommended way to suppress the RHS icon altogether? I have no item-icon-right class applied to the ion-item, but the padding applied to the central `<a>` element is still 49px as if it’s reserving the space by default.

Do I just need to add a bit of custom CSS and a “no-right-icon class” to my ion-item (or similar) or is there a preferred method?

EDIT: for now I’ve added this to my style.css

```
.no-right-icon .item-content {
  padding-right: 16px;
}

```

and then added `no-right-icon` to the list of classes at the `ion-item` level.