10-08-2012 11:48 PM
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.
Solved! Go to Solution.
10-09-2012 06:23 PM
Jason Scott on GitHub https://github.com/blackberry/jQueryMobile-BB10-Th
provided me with the following fix to the code in the jQuery Mobile BB10 Theme.
List items are defaulted to no icon but can be overwritten using
data-icon=arrow-r on the
<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-Th