jQuery Mobile BB10 theme: arrow on the display of the list

In the jQuery Mobile BB10 theme, I'm having a time difficult trying to implement what should be a simple visual style on a listview that contains a href.

My application has two types of lists. Normal list (without links) is ok.

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

I tried several variants of setting [Data-icon = 'arrow-r'] and [Data-icon = "interface user-icon-arrow-r"] at the same time the

and
• levels.

  I might add and manipulate [class = "UI-li-aside"] or [class = 'interface User-li-count'] fields to insert an image of the arrow?

  I know that there is an easy solution that I'm on.

  Thanks for your help.

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

  provided me with the fix for jQuery Mobile BB10 theme code.

  Corrections: #9
  List items are by default to no icon, but can be overwritten using
  data-icon=arrow-ron the

  ,
  • or using
    $.mobile.listview.prototype.options.icon = "arrow-r";

    This resulted in an update to the GitHub repository. Please download the new files if you do not use a cloned branch that updates automatically. https://github.com/BlackBerry/jQueryMobile-BB10-theme

  more

  Tags: BlackBerry Developers

  Similar Questions

  • jQuery Mobile BB10 theme: the Application (kick-down) Menu

    I use the latest released version of the jQuery Mobile BB10 theme to develop my apps. I have some questions on how to implement the Application Menu (or sliding down):

    1. I understand the instructions for user interface while the Application Menu is no longer an overlay on top of the current screen (because we are used to seeing in the PlayBook OS 2 applications)? Is the Menu of the Application requires to press the entire page (or screen) down to display the menu buttons?

    2. the Application Menu included in jQuery Mobile BB10 theme, or do we need to implement the set up menu and keys by using a custom code? It is relatively easy to implement this function. I just want to make sure my code matches what is in the BB10 theme.

    Thank you.

    Hello ProLove360,

    I don't think JQuery UI BB10 theme includes a blow in the drop down menu, but the implementation of the menu to slide down to BB10 in WebWorks is not set in stone. In fact, it is very expensive (side performance) to go down the whole container to reveal the menu, therefore a superposition of the top does work better in my opinion.

    You can use the example below for a shot in the menu drop-down:

    https://github.com/BlackBerry/BB10-WebWorks-samples/tree/master/swipemenu

  • Popup in jQuery Mobile BB10 theme

    I am trying to implement a context Menu on the jQuery Mobile BB10 theme. I guess it's a
    special instance of the Action menu overflow.

    How to adjust the behavior of slide to reach the two States of the context Menu without messing around
    the standard definition of the Action Menu overflow?

    What is the user action that activates the close context Menu?

    What is the action of the user who causes the most broad context Menu to appear?

    Jason Scott on Github https://github.com/blackberry/jQueryMobile-BB10-Theme/issues/8

    It gave me the following response to my question:

    I recommend using the contextual menu webworks for your application. It has everything you want.
    The documentation is available here.
    https://developer.BlackBerry.com/HTML5/APIs/BlackBerry.UI.ContextMenu.html

  • Hi, I'm developing a simple mobile app in DW CC 2015 using JQuery Mobile. LIKE I need the list view with description of the product, functionality and image, I would like to connect with database instead of "writing" all the tables in the bearings inside

    Hi, I'm developing a simple mobile app in DW CC 2015 using JQuery Mobile. LIKE I need the list view with description of the product, functionality and image, I would like to connect with database instead of "writing" all the tables in the bearings inside the Jquery page. In the future I would also be able to add, to remove the DB records. Any help, tutorial... Thanks TG

    I would like to connect with the database instead of "writing" all the tables in the bearings inside the Jquery page

    This is usually done with a CMS (content management system). There are commercial products CMS like WordPress, Joomla and perch. You create one or several layouts and then create pages of these page layouts using the CMS. In this way, it is possible to have hundreds of pages, each with unique content, but a page layout that can be managed in a place of sharing.

    CMSs on shelf don't require programming skills. Otherwise, some of us write our own CMS with custom functions, but this requires back-end, as with PHP programming.

  • JQuery Mobile BB10 theme

    Hi guys,.

    Anyone who has trouble using the BB10 theme after update version Gold?

    The application bar behaves as expected when the display of tabs and actions of excessive flow...

    Thank you very much

    -marco

    Hi Marco,.

    You see it in the browser BB10 and Webworks?
    You can try updating to the latest? https://github.com/BlackBerry/jQueryMobile-BB10-theme/tree/master/dist/latest
    We have updated the menu actionbar and overflow yesterday and he can take care of your problem.

    Thank you

    Jason

  • Example - Mobile starters - jQuery Mobile with theme page does not not on mobile

    I created a new Web - News - Page sample - Mobile starters - Jquery Mobile page with theme and it has not changed.

    This does not work on an iPhone or Android.

    What Miss me? Y at - it a update for the jquery mobilesite work?

    This is what it looks like in dreamweaver

    http://ricston.com/push/test/screenshot_dreamweaver.PNG

    This is what it looks like on my phone:

    http://ricston.com/push/test/screenshot_galaxy.PNG

    The page for the model is here http://ricston.com/push/test/test.html - as you can see, nothing has been changed.

    You must add a window meta tag in the header of the page.

    Insert > head > Viewport.

    If you do not have this option on your version of Dreamweaver, add the following in the head of the page:

  • Hide the drop-down arrow in the list once the field is filled

    I have created a form that eventually becomes a published page of directions. Once the user selects an item in the drop-down list, is there a way to make the hidden arrow. Should be redisplayed if the user clicks in the new field.

    Thank you

    MDawn

    Here is the script that I put on the output of the dropdown event. Nothing happens. I get no error messages either.

    Form1. #pageSet [0]. Page1.deptList::exit - (JavaScript, client)

    If (xfa.event.newText is "3")

    {deptList.access = "readOnly" ;}

    If (xfa.event.newText == "5")

    {deptList.access = "readOnly" ;}

    If (xfa.event.newText is "7")

    {deptList.access = "readOnly" ;}

    If (xfa.event.newText is "8")

    {deptList.access = "readOnly" ;}

    The numbers are values, not the rawValue.

    Thanks for your help.

    MDawn

  • Look in the theme of BB10 JQuery Mobile

    After watching the videos of BlackBerry Jam through the UI (and any other guidelines
    "I can find documentation), I'm trying to implement the Peek function in jQuery Mobile BB10
    Theme.

    Everything works fine when I click on the back button on a page. (Page slides to the right for)
    reveal the next level in the hierarchy).

    If the user is supposed to be able to control the Peek with their finger, should I code back
    button to switch somehow that the user moves his finger? So I guess that once a threshold
    reached the continuous page to move to the right to reveal the underlying page?

    In addition, an area touch active also set on the left side of the window that allows the
    user drag across the page in a way that is not accurate (as suggested in the videos)? This active area will interfere with a gesture of the bezel, such as switching to another app on the PlayBook?

    If Peek is supposed to be a central element in the new BB10 experience, I have a feeling developers will be everywhere with this if it is not included as part of development. (Just a thought...)

    Simply put upward

    https://github.com/BlackBerry/BB10-WebWorks-samples/pull/20

  • Why the files are made myremote site appear in the list of files, but not to the screen in the browser?

    I have Dreamweaver CS3 on Windows 10 64-bit.

    For reasons I don't know, I suddenly find I can put files from Dreamweaver on my site (remote) and make them appear in the list of files in the "remote site", but then not appear in the browser.  If the changes to the file seem in fact but somehow do not receive changes to the browser.

    Grateful for any ideas on what could be the cause.

    Thank you.

    Assuming that you have enough free space on your server.

    Maybe your host is caching the pages to their end.

    Give him a couple of hours.  If it does not sort arise, call your hosting provider and ask them what is happening.

    Nancy O.

  • Cannot run the BlackBerry 10 jQuery Mobile theme kitchensink

    I downloaded the BlackBerry 10 jQuery Mobile theme and I wanted to try how it works on the Dev Alpha.

    I created this config.xml file

    
    http://www.w3.org/ns/widgets ".
    "xmlns:RIM ="http://www.blackberry.com/ns/widgets"
    version = "1.0.0.0" rim: header = "JQKS" >
    http://www.dandandin.NET/ ".
    RIM: copyright = "Copyright 2012 Dandandin.net" > Dandandin.net ".
    JQ Kitchensink
    An application to test jquery
    
    

    and I put it on /kitchensink

    Then I packed /kitchensink and loaded on my dev alpha, but I get this:

    

    I can press OK, but the application is frozen.

    If I load on my local Web server and browse the dev Alpha it works, what's the problem?

    Make it work, you must upgrade to the latest SDK 1.0.3.8.

    I had 1.0.2 and it did not work.

  • How to make the table display dynamically in jquery mobile

    Hello

    can you please tell me how to do table display dynamically in jquery mobile. ?

    Please give a few example

    Hi Q3test,

    Check this link below
    http://hippieitgeek.blogspot.se/2013/01/creating-dynamic-tables-with-jQuery.html

    Hope this will help you.

  • Files Word suddenly have a green arrow or blue arrows on the icons. I can't open them in Word

    All my Word files suddenly have a green arrow or blue arrows on the icons. I can't open them in Word directly from the file because it cannot find them. I can open it from Word. What a pain! That is what it is?

    Hello

    For the Green and blue arrows.

    Green tick or blue overlay arrows icon displayed for files in Windows Explorer
    http://www.Winhelponline.com/blog/green-tick-or-blue-arrows-icon-overlay-displayed-for-files-in-Windows-Explorer/

    Check with the experts here: (re - ask your question in these groups)

    ============================================

    Restore the associations for Word files.

    How to set default Associations for a program under Vista
    http://www.Vistax64.com/tutorials/83196-default-programs-program-default-associations.html
    How to associate a file Type of Extension to a program under Vista
    http://www.Vistax64.com/tutorials/69758-default-programs.html

    If necessary:

    How Unassociate a Type of Extension file in Vista - and a utility to help
    http://www.Vistax64.com/tutorials/91920-unassociate-file-extention-type.html
    Restore the Type Associations by default Vista file extensions
    http://www.Vistax64.com/tutorials/233243-default-file-type-associations-restore.html
    How to view and change an Extension of filename on Vista
    http://www.Vistax64.com/tutorials/103171-file-name-extension.html

    ============================================

    If you need more check help with experts here: (re - ask your question in these groups)

    Answers - Word
    http://answers.Microsoft.com/en-us/Office/ee861096.aspx

    Answers - Office
    http://answers.Microsoft.com/en-us/Office/default.aspx

    Or

    Discussions in Word Application errors
    http://www.Microsoft.com/Office/Community/en-us/default.mspx?DG=Microsoft.public.Word.application.errors&lang=en&CR=us

    Office newsgroups
    http://www.Microsoft.com/Office/Community/en-us/FlyoutOverview.mspx

    and here:

    Microsoft.public.word.application.errors discussions
    http://www.Microsoft.com/communities/newsgroups/list/en-us/default.aspx?DG=Microsoft.public.Word.application.errors&cat=en_us_f09268b3-8479-4cea-8037-d168d96833ac&lang=en&CR=us

    Welcome to Microsoft Discussion groups
    http://www.Microsoft.com/communities/newsgroups/list/en-us/default.aspx?GUID=1A61081E-1F66-5F7F-B5BA-04767E55A63B

    I hope this helps.

    Rob - bicycle - Mark Twain said it is good.

  • Slidemenu does not load the first time in JQuery Mobile App

    Hello

    I have a Jquery Mobile app with a slidemenu in overall page, and it appears with the push of a button or a simple touch on the screen, the style of facebook. My problem is that the first time that the application loads, the menu never pops out, even if you press the button a thousand times. You must refresh the page, and then in the works in all pages of the application over the life of the session. If your disconnection and enter again, you need to refresh.

    You can see an example here: http://cic-team.no-ip.biz:9090/apex/f? p = 112:2 user: Demo Passw: 1234abc

    The menu is in a region "after the heading" as a type "list: Menu ' with this custom model: http://i236.photobucket.com/albums/ff289/Best1989/template.png

    The button has the following attributes: data-slidemenu = "#slidemenu" data-slideopen = 'false' style = "margin-left: 0px!" important; »

    Maybe the Javascript or CSS are not load correctly the first time, but insert the menu in other areas has not worked for me. I read with pleasure your comments and suggestions.

    I use Apex 4.2.0.

    Thanks in advance.

    With some research, I found the answer to my question, please check this:

    http://www.gajotres.NET/how-jQuery-mobile-page-handling-affects-JavaScript-executions/

    The problem is that I was not load menu in the login page (which is the first of all) classes and when you've actually got to the page where the button and the menu is displayed, it has not loaded classes.

    Solved the problem of loading of the components in the first page but keeping hidden.

  • Animated border code in Dreamweaver jquery mobile theme?

    I have trouble getting my Edge file animate to work on my website in Dreamweaver jquery mobile theme. I was told to get my file code animate and put it in my dreamweaver site. A bit like this... copy the code of execution of Edge, paste into web site < title >. Then to copy div phase code and paste it into my site in the content div. I can't make it work. So it appears white.

    OK, I got it. I did that much more difficult so he had to be. If anyone has this problem, you simply publish your project in Adobe Edge animate, then save them in the folder you use for your Web site. Then, in Dreamweaver, you can insert media, search for the file and insert it. All right.

  • new jquery mobile theme renders does not correctly

    So I'm finalizing certain things on a mobile website that is looking great! m.whitewatertours.com.. .but we wanted to make a few changes to the theming and used the jQuery ThemeRoller to do. But after downloading my new theme and apply our site looking for fabulous on a test page now looks like something a 5 years created!

    "I replaced the original < link rel ="stylesheet"href ="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"/ > code within the Head tag with the new ones mentioned below respective pages... " (generated by the 'Add new css' button in DW6)

    Here is the page of the original beautiful appearance: http://m.whitewatertours.com/rafting-hot-deals.html

    as the test with ThemeRoller theme page: http://m.whitewatertours.com/rafting-hot-deals-css-test.html

    new code = < link href = "jquery-mobile/twt-mobile - theme.css" rel = "stylesheet" type = "text/css" >

    
    

    That I tested with a theme created from Fireworks CS6, always terrible looking...

    test the page with the theme of the FWCS6: http://m.whitewatertours.com/rafting-hot-deals-css-test-fw.html

    I feel that I must have done something wrong... but have triple checked everything I can think of!

    Jenny

    Jenny, the link to jQuery.mobile css is missing from your new page. Add this before line 7 (before calling twt-mobile - theme.css)

    http://code.jQuery.com/Mobile/1.2.0/jQuery.Mobile-1.2.0.min.CSS">

    -ST

  Maybe you are looking for

  • How can I disable the double click to a new tab in Firefox?

    I just installed the latest version of Firefox, and now I'm faced with a new problem. When I try to open a new tab I click twice on the top bar, and it's annoying me. I used to open a new tab by clicking on an icon next to any tab and now this icon i

  • WHAT IS THE DATE OF LAUNCH OF THE DROID BIONIC?

    Some of my sources say it will be launched in mid-April in particular, on 24 April this year.

  • Get the result active configuration in the processing API

    Is there a simple way to get the configuration of processing active result during execution?  I would like to know in my plugin which configuration is active, it is a part of.  I don't want to read the file ResultProcessing.cfg directly to get this i

  • My 7 in 1 card reader Targus back constantly as an unknown device, nomatter what SD card is in. Help?

    Ive tried all the different ways to raise with him, and it is always the same... this card reader perfectly worked fine last night. I don't know what I can do, get very frustrated.

  • RhapsodyChannel-can´t turn off

    Hello I had problems with my SansaClip 8 GB. So I called the supportline in Germany this morning, because my video has always said "zu wenig Platz as Musik-DB 30 MB bereitstellen bitte' translated ' not enough space, please free 30 MB" (more or less.