Search jQuery

jQuery Forum

Arrow not appearing in listview - using jquery mobile and phonegap

in jQuery Mobile • 1 year ago

I've tried a ton of different things - but can't get the arrows to appear in the right side of each <li>. How do I get them to appear?

Here is the code snippet of the <ul>

<ul data-role="listview" id="contentlist">
<li><a href="AK.html">AK</a></li>
<li><a href="AL.html">AL</a></li>
<li><a href="AZ.html">AZ</a></li>
<li><a href="ca.html">CA</a></li>
</ul>

Here's how it's being rendered by the Xcode iOS Simulator

Replies(4)

bmbroulik

Re: Arrow not appearing in listview - using jquery mobile and phonegap

1 year ago

Are your images in /www/images/? Do the jQuery Mobile icons exist in this directory (icons-18-white.png, etc)? Also, jQuery Mobile's CSS refers to the images with this path: background-image: url(images/icons-18-white.png);

bdubbb

Re: Arrow not appearing in listview - using jquery mobile and phonegap

1 year ago

Perfect! I just had to move the images around to the right place in the directory structure

jmshsw

Re: Arrow not appearing in listview - using jquery mobile and phonegap

1 year ago

I'm having same problem. I had the /www/images/icons-18-white.png. The icon show up on submit button but not on the listview. Also, the position of the icon is off the round circle in the submit button.