[bbui] on bbui pushScreen

I want the effect that cascades as much, when I click on an item, she slips into the details page.

and when I drag to the right or click on the back button, it slips away, return to the position that I was watching.

 

But in bbui, when I call pushScreen, it loads another page (fine there are slide effect, I know)

but when I want to save and called popScreen(), it recharges the screen parent again and I lose the position I've read.

In addition, no sliding effect.

and that sucks, hope to be improved.

Unfortunately, this is the way THAT BBUI is currently set to work. All content is loaded into the same container of the same document. Basically like a sheet of paper that keeps erasing and new content is drawn on (as opposed to switching between several sheets).

BBUI is not currently have a mechanism in place to remind the scroll position on 'leave' a page and restore once back, so the position gets destroyed when the content is erased.

EDIT: You could potentially include the management yourself; store the scroll position before qualify pushScreen and then restore the scroll position when the page is returned by monitoring the ondomready event.

There are other user interface infrastructure that have included, and works to improve the offer, which BBUI provides today but I don't have a timeline on when it would be immediately.

Tags: BlackBerry Developers

Similar Questions

  • BB10 - bbUI.js - pushScreen + anti-pop question

    Hi everone.

    I'm running into a problem with the functionality of pushScreen (.) and popScreen() bbUI.js. If I have an application with 3-4 + screen and push them to the screen and then try to blow up one by one I'm not able to return to the first screen, the soft seems to not respond. I have already tabled a question in bbUI.js repo but Tim has not yet responded. I have attached a small application that contains 7 screens (0-6, as the screen-table of bb.screens aura) and you can go on screen 0 to 6, then back, but if you go back 2-3 screen using the popScreen() function, it seems to freeze the app.

    I also thought that some things the listener to 'webkitAnimationEnd' is not called and thanks to this, the domReady event is not raised in bbUI.js.

    I hope you can help getting it fixed and get these use cases to work. THX

    Developer benefits other follow-up.  It seems that this problem has been fixed in the /next/ branch of bbui.js:

    https://github.com/BlackBerry/bbUI.js/issues/262

  • How to properly close a BBUI.js screen?

    Hello world

    When writing my application, I ran into a problem:

    I got a screen that periodically triggers a script using setInterval().

    When I go to another screen and return to the screen with a periodic script, the periodic script fires twice and so forth (5 x open = lights 5 x).

    I've rechecked on loops or bugs in my code and found nothing.

    I'm using BBUI.js 0.9.6 and I use bb.pushScreen () to go to the other screens.

    I tried to run bb.popScreen (), but demand appears to hang (gray screen, must start the app).

    Could you tell me how to properly close the screen, or at least to stop the execution of JavaScript on account of the screen before moving on to another screen?

    Thank you.

    setTimeout/setInterval returns an ID that can be used in conjunction with clearTimeout() don't / clearInterval stop subsequent calls. Navigation in out of the page, I would first of all clear intervals.
    https://developer.Mozilla.org/en/docs/Web/API/window.setInterval

    As a general rule, anti-pop tends to be used to close any screen which is presented in the display through pushScreen, with the exception of the first screen that view you as there is no screen 'parent' to return.

  • How/where to use jquery with webworks and bbui?

    Hi, I have a small application bbui and webworks.

    now I need to add jQuery code, but I don't know where exactly he Add. I want to add for example something like this:

    $(document).ready(function () {
        $("#Div1").click(function () {
            alert("Hello world!");
        });
    });
    

    I added to my index.htm, but my code designating the Div1 element, is in a http://www.sigling.is/IMO/imofishing/home.htm which is loaded via bb.pushScreen

    its not working, I have to add the jQuery code for each "screen" where I want to use?

    I don't know where to place them in a page 'normal' jQuery, but here the bb.pushScreen is special.

    but I solved it now:

    bb.pushScreen('home.htm', 'home');
    

    can I use the following syntax:

    ondomready: function(element, id) {
            if (id == 'home') {
                $("#Div1").click(function () {
                    alert("Hello world!");
                });
            }
        }
    

    and it works

  • BBUI - backwards between screens put both pages on one.

    Hello

    I'm trying BBUI 0.9.3 and stumbled upon something very strange.  I have a simple test as well as 2 pages application.  Each page has a single button. The page start button is just a bb.pushScreen to go to the second page.  The second button of the page is bb.popScreen to go back to the first.

    If I run it in a browser, it works very well.  If I use ripple, a Simulator or a real device (curve), then the following occurs:

    1. Start on page 1.
    2. Click on the button to go to page 2.  Page 2.
    3. Click the button on page 2 to return to page 1.  Page 1.
    4. Press to open the page 2 button (entire page) below page 1 and page 2 again.
    5. Press the new button on page 2 and page 1 button shows where the button on page 2 has, so now there are 2 buttons on page 1.
    6. Continue the process and continues to add buttons.

    What is going on?  I assumed pushScreen is supposed to replace the entire page, what he does in the browser and not the first time.

    For reference, here is the content of my files.  They are not big so I thought that he was allowed to post here.

    Config.Xml

    http://www.blackberry.com/ns/widgets" id="bbUITest" version="0.1" rim:header="RIM-Widget:rim/widget" xmlns="http://www.w3.org/ns/widgets">
      
      bbUI Test
      Testing BBUI
      
      
    
        
        
      
      
      
      
      
    
    

    index.htm

    
        
            
            
            
            
        
        
        
    
    

    Page1.htm

    Go to Page 2

    Page2.htm

    Go Back

    Tried the current build of 0.9.4 and it works as expected today. Guess I should have tried that first...

  • BBUI.js how to have the item id list-arrow-text to a detail screen

    I use BBUI.js and on my screen, I have a text-arrow-list with the elements.

    How to pass the data bb-item value to a window of details to retrieve and display more details there?
    This may be really obvious, but I don't see how do and any help would be appreciated.

    Excerpt from the list screen. He is firing onclick of the item in the list.
    openListItem: function() {}
    var value = this.getAttribute('data-bb-value');
    bb.pushScreen ("detail.html" + "?") ID = "(+ value, 'detail');"
    }

    It's the charge of the detail screen where the Iwoudl like access id
    detailScreen = {}
    load: {function (element)}
    How do I access the query string of the url in the pushScreen or the id of the list?
    }

    Please let me know if my question is not clear enough. Thank you.

    I don't think that we have added the ability to pass parameters through pushScreen().

    You'll need follow the overall status in your own public variable/object.  Now click the element, you will need to save the value in an object / a global variable.

    There is an bb.onscreenready event which you can subscribe to which fires before the new screen is treated by the Toolbox... It will pass the part of the screen you can handle until the style is applied.

    There are details in the Readme that give more information on how this works... Just do a search on the page of "onscreenready".

  • BB10: Cannot dynamically create GridList in bbui

    Hi guys,.

    I have a lot of trouble with this question. I apreciate any help possible.

    I try to add a grid list dynamically in bbui. This is my code:

    // Getting grid list
    var grid = document.getElementById('multimedia');
    
    // Create group
    var group = document.createElement('div');
    group.setAttribute('data-bb-type','group');
    grid.appendChild(group);        
    
    // Create row 0
    var row = document.createElement('div');
    row.setAttribute('data-bb-type','row');
    group.appendChild(row);
    
    for(var i=1; i<3; i++)
    {
        var item = document.createElement('div');
        item.setAttribute('data-bb-type', 'item');
        item.setAttribute('data-bb-img', listaNoticiasGeneral.listanoticias[i+secCreatGrid][3][0].imagenUrl);
        item.setAttribute('data-bb-title', listaNoticiasGeneral.listanoticias[i+secCreatGrid][0]);
        item.setAttribute('onclick',"bb.pushScreen(\'multimedia_d.html\',\'multimedia_d\',{\'id\':\''+(i+secCreatGrid)+'\',\'tipo\':\'noticias\',\'i\':\''+(i+secCreatGrid)+'\'});");
        item.innerHTML = 'World';
        row.appendChild(item);
    }
    
    // Create row 0
    var row2 = document.createElement('div');
    row2.setAttribute('data-bb-type','row');
    group.appendChild(row2);
    
    for(var i=3; i<5; i++)
    {
        var item = document.createElement('div');
        item.setAttribute('data-bb-type', 'item');
        item.setAttribute('data-bb-img', listaNoticiasGeneral.listanoticias[i+secCreatGrid][3][0].imagenUrl);
        item.setAttribute('data-bb-title', listaNoticiasGeneral.listanoticias[i+secCreatGrid][0]);
        item.setAttribute('onclick',"bb.pushScreen(\'multimedia_d.html\',\'multimedia_d\',{\'id\':\''+(i+secCreatGrid)+'\',\'tipo\':\'noticias\',\'i\':\''+(i+secCreatGrid)+'\'});");
        item.innerHTML = 'World';
        row2.appendChild(item);
    }
    
    grid = bb.grid.style(grid);
    
    document.getElementById('multimedia').appendChild(grid);
    

    The problem is that does not create the grid. I have an error message: "Eception TypeError: # no has no method 'style' oppose '.

    He used to work in previous versions of bbui, but no more.

     

    Any ideas on this subject?

    Thank you so much everyone!

    I solved it! With this line:

    setTimeout (bb.domready.fire, 1);

    At the end of the "createGrid', just add this line. It is a call to the ondomready function.

  • bbui action bar is not displayed

    Hey guys,.

    I'm new to bbui and may not know how to work the stock bars.

    I just put a definition of simple screen that works with the exception of the action bar. It is not using firefox, chrome, or Simulator. Did I miss something?

    Players
    Matches
    Players
    BBM

    see you soon

    OK, first attachment.

    It's the triangle because it is subject to the approval process. as soon as it is approved, everyone will see, here's the example is approved:
    http://supportforums.BlackBerry.com/T5/Web-and-WebWorks-development/add-exception-pop-up-on-first-TI...

    and to do so in Rich Text, simply click on the 5th icon (tree), just before the movie icon, then click Browse, select your image, then click on insert image, made.

    I also develop something and I don't use firefox because I don't know how to use it in the debugger, instead, I use chrome/chrome to serve as an inspector to debug. I never use browser to see a preview of my application.

    application with webworks development takes a lot of time? Yes, you could be rite. but there is a way of development more effective and safe time, follow this:

    Update your BlackBerry WebWorks application without recompiling

    Basically, it works like this:

    1. Create your project as usual
    2. "in the config.xml file to replace with something like this: http://192.168.1.125/notes/index.html ' / > where 192.168.1.125 is my server local apache
    3. in my case/var/www/notes in my local server apache, I put all the file from www
    4. deploy the application on my Z10
    5. debugging
    6. When I need to change something, I just change some necessary in my local web server, never touch deployed Z10 app ever, unless I have to change something in the file config.xml or add/remove plugins

    naked in mine, it's the former article of 2009, but it works, read this article to the end also comments, one of the developer shows its implementation:
    http://dborba.com/wow-no-more-re-packaging-when-testing-HTML5-apps-on-your-device/

    good hunting

  • ActionBar / bbUI.js - event onclick in the Menu tab overflow of unmarked tab

    Hello

    I use the collection of great bbUI.js for my application.

    Thanks to the team of developer for such things.

    Is it possible to trigger an onclick event to a tab that is not marked as action of overflow in the tab overflow Menu or to hide the tabs not spotted in the overflow Menu?

    Currently the tabs not spotted inside the overflow Menu is any cause at the end of the onclick event missing.

    I hope that someone has ideas for my problem.

    Thanks for the tips!

    Moritz

    Thanks for the tip.

    I opened a new show.

    The link for those interested:

    https://github.com/BlackBerry/bbUI.js/issues/259

  • How extenation put bbui.js implemented in webworks 2.0

    So I'm having a difficult time in the BBUI.js implementation using webworks 2.0.

    I downloaded from.  https://github.com/BlackBerry/bbUI.js Now the instructions are not very clear on how to install.  I managed to find the REadme file in the pkg\bb10 folder.  He said for the installation of the extension of webworks bbui.js to go to C:\Program Research In Motion\BlackBerry 10 WebWorks SDK a.b.c.d_

    Fact on my PC which is C:\Program Files\BlackBerry\BB10 WebWorks SDK 2.0.0.71.

    Then, the instructions say: "in this directory, you will find a * Framework\ext * directory.".  Simply create a * bbui * subdirectory and copy the entire contents of the above * ext directory *.
    in your new directory of void.  Eventually, it will resemble the following:

    ```
    Framework
    \ext
    \bbui
    -client.js
    -index.js
    -manifext.json
    ```
    "

    Howerver ther eis no Framework\ext directory.  How do others implement expansion webworks bbui.js in 2.0.

    Thanks in advance.

    Figured it out.  Appeartly a lot of the docs have not been updated for 2.0.

    http://developer.BlackBerry.com/HTML5/documentation/V2_0/coding_differences.html

    We should use cordova.js instead of webworks.js

    And not webworksready but deviceready

    document.addEventListener ("deviceready", function() {}
    Alert ("Im in web works ready function");
    });

    Well atleast this post is for all new Webworks 2.0 and ran into the same question I did.

    See you soon!

  • Of tab overflow menu BBUI.js not scrolliong

    I noticed that the menu tab of overflow on the left of the screen if you have a number of options he doesn't parade not that which is bad, because it can run in portrait mode, but options can be hidden in landscape mode. Is there a workaround or a fix for this solution?

    I don't know of a work around at the moment, but it is registered as an issue that needs to be corrected in the next version https://github.com/blackberry/bbUI.js/issues/142

  • [request] bbui js for a passport for blackberry

    Hello

    I have an app webworks using webworks 1.x and bbui.js.

    I want to test for passport of blackberry. Is bbui support for a passport of blackberry?

    I downloaded the Simulator, too. But it always shows error message "cannot locate the PNP bios.

    Could you help me? How to solve it?

    Have you checked the latest version of BBUI.js? I highly recommend using it on together with the last 2.x SDK WebWorks.

    The history of validation for BBUI.js reveals that there has been some work on the support of passport:
    https://github.com/BlackBerry/bbUI.js/issues/1018

    Don't forget to get latest sources here:
    https://github.com/BlackBerry/bbUI.js/tree/master/pkg/BB10

    Which seems to be 0.9.6.1894 at the time of writing.

  • is that bbui.js supports other phone device apart from the BB10 (like android or iPhone)

    is that bbui.js supports other phone device apart from the BB10 (like android or iPhone)

    BBUI.js is only supported by BlackBerry. To implement a user interface independent of the platform, you will need to use another library like jQuery mobile, etc.

  • BlackBerry 7 BBUI slow / not working

    I am trying to convert my BBUI 10 BlackBerry webworks app for BlackBerry 6/7.

    I have the Simulator 9320 with OS 7.1.0.405.

    I used the bbui documents and my app blackberry 10 to see how I do.

    I webworks in the js folder if the application doesn't do anything

    Files included:


    in the console "start app" does not occur.

    Basiclly it loads scripts and I get:

    HM, blackberry.event seems to be a BB10 API and the error comes from bbui.js. Did you move the source files for source BBOS BBUI BB10 BBUI files? More precisely:
    https://github.com/BlackBerry/bbUI.js/tree/master/pkg/BBOS

  • Eception SyntaxError: Unexpected end of entry... with Webworks - 1.0.2.9.js:1178 &amp; BBUI - 0.9.4.js

    Super strange, so I will try to integrate the new code BBUI - 0.9.4.js.

    The initialization code for BBUI.js has changed to include Webworks, so I tried and started to get:

    I tried on an empty application, and yet, I get the error.

    config. XML

    
    http://www.w3.org/ns/widgets"
       xmlns:rim="http://www.blackberry.com/ns/widgets"
       version="1.0.0.0" id="Test" rim:header="Test">
       
       Test
       Test desc
       Test
        
        
        
        
    
    

    index.html

      
          
              
              
              
              
          
          
          
      
    

    Just in case, I have redownloaded the SDK. At caught the webworks Framework version > ClientFiles. Who did nothing because the file is the same.

    I use: ripple UI (v0.9.10), Ripple build & deploy (v0.9.5).

    I feel like I'm missing something perhaps obvious. No idea what I'm doing wrong?

    Hi DueNorth,

    This issue is cosmetic and can be ignored. He tries to interview an extension on the device, but it is running on your computer, it returns an error. Our development team is working on getting it resolved for a future version.

    Thank you for your patience.

Maybe you are looking for