Web and WebWorks Development

[ProLove360]

In the jQuery Mobile BB10 Theme, I am having a hard time trying to implement what should be a simple visual style on a listview that contains a href.

My app has two types of lists. The normal list (without links) is ok.

The list that contains a href is where my problem is. Both lists look the same and I have no way for the user to easily distinguish between a link and a non-link.

I tried several variations of placing [data-icon="arrow-r"] and [data-icon="ui-icon-arrow-r"] at both the <ul> and <li> levels.

Should I add and manipulate [class="ui-li-aside"] or [class="ui-li-count"] areas to insert an arrow image?

I know there is an easily solution to this that I am overlooking.

Thanks for your help.

[ProLove360 · Accepted solution]

Jason Scott on GitHub https://github.com/blackberry/jQueryMobile-BB10-Theme/pull/12

provided me with the following fix to the code in the jQuery Mobile BB10 Theme.

Fixes: #9
List items are defaulted to no icon but can be overwritten using
data-icon=arrow-r on the <ul> , <li> or by using
$.mobile.listview.prototype.options.icon = "arrow-r";

This resulted in an update to the GitHub repository. Please download the new files if you are not using a cloned branch that updates automatically. https://github.com/blackberry/jQueryMobile-BB10-Theme