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

Tags: BlackBerry Developers

Similar Questions

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

  • 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

  • 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

    • 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

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

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

    • 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

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

    • How do I use the sony vaio VPCEC3S0E built in motion eye camera I have attached looking for the correct drivers but could not locate them

      How do I use the sony vaio VPCEC3S0E built in motion eye camera I have attached looking for the correct drivers but could not locate them

      Hello

      Troubleshoot camera connection
      http://Windows.Microsoft.com/en-us/Windows7/Troubleshoot-camera-connection-problems

      You probably need to recharge the device drivers and camera control software (usually included
      with the drivers and installed at the same time).

      Login as an administrator.

      Double-click Control Panel / Device Manager - Imaging - writing down of the brand and model of camera.
      on this subject and on the tab of the driver is version. Now, click on update drivers (who are unable to do anything as MS
      is far behind the pilots of certification). RIGHT click on the camera - UNINSTALL - REBOOT - it
      will update the driver stack.

      Now, go to the system manufacturer's website and download the latest driver for the camera and the other related camera
      software (if not more recent get the same).

      Download - SAVE - go to them and RIGHT CLICK - RUN AS ADMIN - reboot after each driver.

      Manually look at the sites of the manufacturer for drivers.
      http://pcsupport.about.com/od/driverssupport/HT/driverdlmfgr.htm

      Installation and update of drivers to 7 (update drivers manually using the methods above is preferred
      to make sure that the latest drivers from the manufacturer of system and device manufacturers are located)
      http://www.SevenForums.com/tutorials/43216-installing-updating-drivers-7-a.html

      Then let windows updates on however prevent loading of drivers who are often older than the
      those that you have installed. If updates suggests a pilot and then HIDE it and watch manually to see if their
      really is a more recent version (at the time system manufacturer and the sites of the manufacturer of the device).

      Stop Windows 7 to automatically install device drivers
      http://helpdeskgeek.com/Windows-7/stop-Windows-7-from-automatically-installing-device-drivers/

      How to disable automatic driver Installation in Windows 7 / Vista
      http://www.AddictiveTips.com/Windows-Tips/how-to-disable-automatic-driver-installation-in-Windows-Vista/

      Turn off Windows Update Device Driver search prompt in Windows 7 / Vista (for professionals,
      Ultimate and Enterprise)
      http://www.AddictiveTips.com/Windows-tips/disable-Windows-Update-device-driver-search-prompt/

      ----------------------------------------------------------------------------

      Check with the Sony Support, their online documentation and drivers (update or reinstall).
      and their forums.

      Sony - Contacts
      http://eSupport.Sony.com/us/Perl/contact-land.pl

      Sony - drivers
      http://eSupport.Sony.com/Perl/select-System.pl

      Sony - Support
      http://eSupport.Sony.com/

      Sony - Forum
      https://Forum.sel.Sony.com/?XID=M:Showcase:eSupport

      I hope this helps.

      Rob Brown - Microsoft MVP<- profile="" -="" windows="" expert="" -="" consumer="" :="" bicycle=""><- mark="" twain="" said="" it="">

    • The themes looks like Vista. How to get back to normal?

      * Original title: everything looks like Windows Vista

      Good so I went on my computer and everything looks like windows vista, or something. Is it possible to return to normal? Pls Me. Halp

      So I guess that you could not choose an Aero theme? If necessary, this error message has been reported?

      Check that the themes service is running. in "search programs and files" type "services" (without the quotes). In the results of the programs, click Services. The Services window should open. Check that the "Themes" are listed and started (automatic).

      If his trial enrolled but not started, from, it. If his list and apparent; started, try to restart it. To start/stop/restart a service, you will need to be in an administrator-level account, but you can watch the service in any account. Right click on the service themes and properties and look under the general tab.

      PS - NOTE down the exact error messages and error numbers received if any of the above do not help.

      IF the above does not help, try a sfc/scannow to see if that helps- https://support.microsoft.com/en-us/kb/929833

    • jQuery Mobile + BB 9780 (V 6.0) affects exhaust and the text entry

      Hi all

      I'm new here and for BB Dev. So I don't know if it's good for me to post the questions here, but I think it's worth a try, at least.

      I use jQuery Mobile, 1.1.1 to develop an application of BB.

      At this point, I make the user interfaces and obtained the following:

      1 ESC:

      When in the keyboard ESC is enabled, rather than go back to the previous pagew within the app, the app is exited. I tried the codes. as:

      But it does not work.

      2.

      Just like in the region of inputable, text field, text box or search, to get the focus they are blakced, means, users can't really see what they type in. Moreover, the 9790 (V 7.0), I don't deal with the same issue.

      So I was wondering if somebody here has got the same problems, and I'd want to share their solutions.

      Thank you.

      D

      WRE use according to api.

      http://docs.PhoneGap.com/en/2.0.0/cordova_events_events.MD.html#backButton

    • JQuery Mobile fixed foot bar disappears when the orientation changes

      I develop mobile applications using JQuery Mobile, in the home page which is the home page, everything is fine but when you go to the next page and change of ths foot disapers completely orientation, but the code that I use for all pages are the same

      Here is the code that I use for the foooter

        
      

      Help, please

      regarding

      Thanks for answer, I have the problem solved,

      I just added

      data-position = "fixed".

      and it solved the problem

      so now the correct code is

Maybe you are looking for