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

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

  • 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

    • 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:

    • 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

    • 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.

    • jQuery Mobile - Popup doesn't open after F5, but not on the first page load

      Greetings guys,

      Unfortunately, there is very little documentation on how to combine the APEX 4.2 with jquery mobile components, so I hope that some geniuses here can help me.

      On a single page with a bunch of hole components, there is also a popup div
      <div id="myPopup" data-role="popup">
         <!-- close button, safe button, input field and short list... -->
      </div>
      He gets open with js:
        $( "#myPopup" ).popup( "open" );
      This all works well, not to mention that the face that it works as after you refresh the page!
      The page loads via js:
          $.mobile.changePage('f?p='+ $v('pFlowId') +':20:' + $v('pInstance') 
                             , { transition:"slide", reloadPage:true });
      ... who also works very well so far. Same problem, I had before when I was using a dialog instead of the pop-up box. -only show after refreshing the page.

      This must surely have something to do with how JQM loads and makes the page (outside the APEX-job) - a simple enough question. I also tried different ways of calling the page, without any difference to this problem. Unfortunately I'm quite new to work with JQM, so maybe someone here can help me.

      Thank you very much in advance,
      Best regards
      Tobi

      When you think the loading multiple pages is the issue that you can fix that by using the variable apex.gPageContext$ .

      In order to get the popup in the use of the last page / current / real: $("#myPopup",_apex.gPageContext$).popup ("open")

      Documentation says (not more and not less then):
      apex.gPageContext$-used to limit the jQuery to the active desktop or Mobile current page jQuery selectors.

    • 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

    • JQuery Mobile theme - Dreamweaver is working but not online

      I created a new JQuery Mobile theme in Fireworks CS6: orders - JQuery Mobile Theme - create new theme. Then exported the theme in a folder where I design a new mobile application (export theme - JQuery Mobile Theme - orders).

      "I open index.html in Dreamweaver CS6 and changed < link href="jquery-mobile/jquery.mobile.theme-1.0.min.css "rel ="stylesheet"type =" text/css"/ > to the new *.css file. I used find / replace to change all instances of data-theme = 'e' to data-theme = 'y '. I saved index.html and clicked on Live View, where it looked perfect. I used FileZilla to move all the files to the server that hosts my site. But when I view in Firefox or on my Samsung phone, index.html doesn't include any CSS formatting. (He had worked in line with the CSS formatting when I had edited just manually color codes in some places in jquery-mobile/jquery.mobile.theme-1.0.min.css)

      If I find index.html as a file on my computer in Firefox, css works perfectly. But when I download the contents of the folder on the server that hosts my site, it's not.

      I would be grateful for any input on what I'm doing wrong.

      Thank you

      Fixed it myself. I realized that I had to leave index.html and add a new line

    • Blackberry JQuery Mobile demo works in which devices?

      Blackberry JQuery Mobile demo works in which devices?

      jQuery Mobile works on all BlackBerry platforms. It has better support on BB10 however, due to much better browser HTML5.

    • jQuery Mobile Smartphone Application tabs

      Hello world

      I am trying to add tabs to my request for jQuery Mobile Smartphone, but they refuse to appear in the application. I don't know why that is. Each page of the target tab had (0) next to her which means the tabs is not displayed. Why does this happen?

      Here are the tabs below, I created.

      This is the tabs screen that shows an overview of all of the tab.


      My request:

      Baonerges wrote:

      I am trying to add tabs to my request for jQuery Mobile Smartphone, but they refuse to appear in the application. I don't know why that is. Each page of the target tab had (0) next to her which means the tabs is not displayed. Why does this happen?

      That's because jQuery Mobile theme page templates do not include chains of substitution tab tabs are not a metaphor for navigation supported for mobile applications. Use lists instead.

    • Samsung Tablet android jQuery Mobile Smartphone app

      Hello

      I have an application that I created for mobile devices. I created the application as a "jQuery Mobile Smartphone" instead of a desktop application and I used the theme of "jQuery Mobile Smartphone» The application is a simple application of APEX 4.2.5 report form. My problem is that my request of application link cannot open on a smartphone. These applications work fine on my iPhone. It seems that android devices cannot run the APEX. Is there a reason for this? Do I need to install something to be able to run APEX on android devices? I tried it on two different Android tablets, a Samsung and an Asus. Any suggestions?


      Thank you

      Bao

      Hi Baonerges,

      Baonerges wrote:

      I have an application that I created for mobile devices. I created the application as a "jQuery Mobile Smartphone" instead of a desktop application and I used the theme of "jQuery" Mobile Smartphone The application is a simple application of APEX 4.2.5 report form. My problem is that my request of application link cannot open on a smartphone. These applications work fine on my iPhone. It seems that android devices cannot run the APEX. Is there a reason for this? Do I need to install something to be able to run APEX on android devices? I tried it on two different Android tablets, a Samsung and an Asus. Any suggestions?

      Where you have installed Oracle APEX? I guess on your desktop computer.

      Oracle APEX application is a web application and you have access to devices through who to support internet and a browser.

      Connect your android device with your Oracle APEX web server and you can run the application by using URL APEX.

      Otherwise import your application to apex.oracle.com, and then run Internet on your android device.

      The brand of Samsung/Asus android device had to do anything with access to your mobile app of the APEX.

      Kind regards

      Kiran

    • How can I add models of Jquery mobile starter on dreamweaver?

      My dreamweaver does not all models and I don't know how to add

      Your best option is to use jQuery mobile framework directly from the source or the CDN.

      https://jquerymobile.com/download/

      Just add these scripts to theof your document.

      http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

      Generate your color theme below:

      https://themeroller.jquerymobile.com/

      Nancy O.

Maybe you are looking for