Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Highlighted
Developer
Posts: 31
Registered: ‎05-13-2011
My Device: PlayBook & Bold 9930
My Carrier: Verizon Wireless
Accepted Solution

jQuery Mobile BB10 Theme: Arrow on List View

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.

| ProLove365 - Connecting the World with Love and Lines of Code |
| Follow me on Twitter at @ProLove365 |

Developer
Posts: 31
Registered: ‎05-13-2011
My Device: PlayBook & Bold 9930
My Carrier: Verizon Wireless

Re: jQuery Mobile BB10 Theme: Arrow on List View

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

| ProLove365 - Connecting the World with Love and Lines of Code |
| Follow me on Twitter at @ProLove365 |