BB10 of the Native INTERFACE elements (ActionMenu, AppMenu, TabbedPane) with Webworks

I have everyone,

I'm new to BB10 development and I was wondering if there is the possibility to include elements of native user interface as ActionMenu AppMenu, Tabbedpane via Webworks and also invite the recognnition gesture to open these petite (wide top, left kick,...).

I saw a jQueryMobile app and I want to incorporate some conductive native via Webworks. Without using frames

as BBUI.js. So is it possible to do with just call some javascript webworks funtions to add an action menu (on the left), tabbedpane (down) and an AppMenu (upwards)?

Or do I need to include structures such as BBUI.js and adding the recognition of gestures by myself?

There is no built-in controls to WebWorks. It only contains plain HTML/JS/CSS and the ability to display some simple dialogues. You will need a user interface infrastructure or code your own UI.

Note: the framework of the BBUI.js and the JQM with BB10 theme are different things. They serve similar objectives, but are not compatible with eachother. Judging by your posts you seem to be mixing up.

As you already use JQM, I would say just to add the theme JQM BB10.

Most of the BBUI projects use the Hammer.js framework for gestures. JQM projects, you can use the built-in JQ/JQM events, or choose to use Hammer.js too. Niether of these methods are specific to the BB and should work on any mobile device.

Tags: BlackBerry Developers

Similar Questions

  • Context menu is off of the user interface element that spawned it

    (1) go to the add-on Manager.
    2) click the gear that creates a context menu with the option to force all the Add-ons to check updates.
    (3) shortcut menu does not appear to be linked to the button wheel pinion and is rather offset bottom-right of the key.

    Final version of Firefox 33.

    Edit: I guess it could be a problem with the add-on "Classic theme restaurateur"

    Through the process of elimination, it seems to be caused by "Zoom Page 11.1". Disabling the addon and reset the browser fixed the position of the context menu.

  • a reminder of the user interface will have a function with arguments?

    some ScriptUI quirks... I have a function (cut in this example) that I can call very well by itself of the extendScript window or if I set directly to the onClick callback, but when I try and call the function from a reminder and analyze arguments, the onClick is not working and the service runs once when the script runs first? what I am doing wrong?

    It works using the extend script window

    Nudge (23,77)


    function nudge (offset, distance) {}

    var L = app.project.activeItem.selectedLayers [0];

    L.startTime = (shift * distance);

    Alert ("Done")

    }

    This works when the button is clicked in the user interface


    myButton.onClick = function() {

    var L = app.project.activeItem.selectedLayers [0];

    L.startTime = (23 * 77);

    alert("done")

    }

    This also works when the button is clicked in the user interface


    myButton.onClick = boost


    function nudge() {

    var L = app.project.activeItem.selectedLayers [0];

    L.startTime = (23 * 77);

    alert("done")

    }

    but when I try and pass arguments (kind of functions) that does not


    myButton.onClick = nudge (23,77)


    function nudge (offset, distance) {}

    var L = app.project.activeItem.selectedLayers [0];

    L.startTime = (shift * distance);

    Alert ("Done")

    }

    OK, in the case where someone is interested... the solution with the permission of Mr. Lloyd Alvarez is to nest the function in another function call, why, I have no idea, but it works a treat...

    myButton.onClick = function() {nudge (23,77)}

    function nudge (offset, distance) {}

    var L = app.project.activeItem.selectedLayers [0];

    L.startTime = (shift * distance);

    Alert ("Done")

    }

  • The Native Error #3500 extension: after binding with some .lib file

    Hello


    I'm building my second native extension and ran into a strange problem. The first native extension I built was purely a generation of source (without external libs), no problem at all. So with this second I use ffmpeg. I am trying to build a version for Windows (again), which means that I have 32-bit libraries in zeranoe.com. I have the include file .lib files and .dll. I pretty much cloned my previous project, which worked well, so I have the .bat files to build the donkey. Descriptor .xml etc.

    So I built the .ane as before, it included in my project and... got this:

    ArgumentError: Error #3500: the context of the extension doesn't have a method with the name fw_ffmpeg_create.

    I've been googling and check everything, but I saw no problem anywhere (it certainly isn't Flash Builder 4.6 bug, I don't use that). I have concluded, that there must be something with the .dll file, so I started to take the .dll ' extra' stuff, because I knew that my previous simple .ane worked. I took my code referring ffmpeg until I got it right away, so I found myself with empty class methods. Donkey rebuilt and no complains!

    So I added av_free() for fun (one of the ffmpegs functions), causes the link if everything goes well and there is once again, error: #3500 blabla.

    What is going on? Is a corruption taking place caused by the binding in the ffmpegs? I tried to compile the file .dll of ane in VS2012 and VS2013, same result. The test application uses Flash CS6 (even I now try to use IntelliJ). Just curious to know if anyone has seen this before an external lib could corrupt native extension in such a manner. There may be a compilation to avoid this, not sure.

    Replying to myself:

    After debugging AIR in Disassembler (Yes), I discovered that the error message comes as a result of a dll failed to load. I was getting 0XC0000135 return code of ldrLoadDll deeply inside AIR. I wasn't getting, since my ffmpeg dll was in the portfolio app (and when they did not have the app has complained, after I copied them on it didn't). Then I realized that may not be enough strangely, so I tried to copy in system32 so - and of course, #3500 has disappeared. I guess that ultimately the DLL must be somewhere else, but too tired to find out now.

    So, the thing is - even if AIR said that your function is not defined in the native extension (error #3500), that error could not be describing the real question. If your native extension dll fails to load for some reason any, that it will fail to load the ExtensionInitializer that fails to run ContextInitializer, if your function names are not available in the AIR.

    I still have other independent issues with my DONKEY (crashes) now, but it seems to be interacting with ffmpeg DLL finally. Well, at least I learned new things for 2 days.

  • Use QObject as a property in the user interface element

    I want to store an instance of QObject in an element of user interface for later use. My attempt to use a type of QtObject failed as follows:

    model var = retrieveModel() / / get instance of method C++ Q_INVOKABLE QObject

    containerInstance.model = modΦle

    ...

    {Of container

    ID: containerInstance

    model QtObject properties.<-- attempt="" to="" store="" the="" qobject="">

    {Label

    text: model.name

    onXYZ: {}

    Model of QObject here use

    }

    }
    }

    But apparently QtObject differs from QObject:

    Asset: / / / test. QML:51: error: could not assign QObject * to bb::cascades:QmlQObject *.

    Does anyone have an idea to store a QObject as a property of a UI element? My other option is to store the model instance of QObject as a global variable in "pints", but this isn't a nice solution.

    You must expose the object that you want to use in C++ and QML.

    Read this to understand how it's done...

    http://developer.BlackBerry.com/native/documentation/Cascades/dev/integrating_cpp_qml/

  • Best way to show the user interface elements

    I'm developing a plugin in which I want the user to be able to put on a mask. I would like to offer regular access to layer masks, but I would also like to be able to define the type of mask 'ellipse' or 'rectangle', similar to the red giant Colorista, for example.

    What then is the best way to make these masks? Should I make it myself and apply them directly on the pixels of the layer? Or is there some sort of overlay UI that I can use? I would like the user to be able to click on the layer and drag the rectangle to scale, for example. What is a nice way to do it?

    in my opinion, the best way (as far as the user experience is concerned) is to use a custom user interface and not to make the mask as part of the image.

    If you return the interface as part of the image, it will be affected by the following effects and displays the channel, will be limited to the size of the layer, and will force a new rendering whenever you want to show/hide the interface.

    In addition, so that the interface is interactive, you must use a custom user interface, otherwise AE will not tell you when and where the user has clicked on the chassis.

    a cutom UI will be a much more elegant solution in regard to these problems.

    Why only regarding these problems?

    because managing a custom user interface is a significant headache.

    on behalf of all those who have developed user interfaces customized for AE plug-ins, welcome to hell...

    see the example of the CCU in the SDK.

    It creates a simple interactive interface in the compose window.

    This would be an excellent starting point for what you are looking for.

  • Error in the new interface consultation documents

    Hello

    I created a new type of document and I use script idoc for certain metadata are

    autofilled and can perform the download of the documents of the new interface, but when I see the documents

    I have an error: System error has occurred. Contact your site administrator.

    This problem occurs only in the new interface in the native interface can access the documents.

    Someone knows how to help?

    Thank you

    Hello

    Thank you all, I am now managing read documents

    After you change a type of metadata that were incorrect.

    Thank you

  • the text in the user interface is too small

    When I opened cs6 text on the screen for all orders is too small to read. I've updated the version and edition/preferences /nterface he days UI great police.
    It is too small to read. Other programs do not have the problem.

    I use a dell inspiron 15 with touch screen and windows 10

    Yes CS6 always use pixel basic interface elements. So you reduce the resolution of your screen to enlarge.

    The last CC version now includes the scalable interface elements. That can be changed in the preferences.

    I wish I had better news.

  • Image Viewer does not offer native zoom level unless layout.css.devPixelsPerPx is set to 1.0, which makes all the tiny interface.

    Asked me to shake my question in one sentence, so this is.
    Image Viewer does not offer native zoom level unless layout.css.devPixelsPerPx is set to 1.0, which makes all the tiny interface.

    DevPixelsPerPx is - 1.0 by default, which causes Firefox to scale with the parameter of the BONE, which is perfectly fine. The problem is that it causes also open image files and especially the zoom level, nationwide also identical to the user interface. A zoom level is adapted to the screen, the other is native. (One is a magnifying glass with a '+', the other a '-'.) Or rather, the other * should * be native, but in practice, it is not native, is climbed by the setting of the BONE, making it as arbitrary and fuzzy like any other level of zoom, which defeats the whole point and does not allow access to a native scaling in any reasonable way.

    If you want to experiment, here is something you can try, a bookmarklet that inserts a 'Native' button on the page. It takes into account your level of "net" zoom current and reduced the image natural dimensions.

    (1) select and copy the following script:

    javascript:var btn=document.createElement('button'); btn.style.cssFloat='right'; btn.appendChild(document.createTextNode('Native')); document.body.insertBefore(btn, document.body.firstChild); btn.addEventListener('click', function(){var img=document.querySelector('img');img.style.transform='scale('+(1/window.devicePixelRatio)+')';}, false); void 0;

    (2) right-click a task on your bookmarks bar or, if you do not display this bar, click on the bookmarks menu button and right click a place there, and then click new bookmark

    (3) paste the script in the location line

    (4) assign a name like native, and then click Add a bookmark

    While you look at a picture, click the bookmark (let) to inject the button. Then click on the button to resize the image.

    Success?

    If you change the zoom level of the 'page', click on the new button to resize it due to the change.

  • Repeated Interface elements-the best way to approach

    What is the best way to repeat several times N interface elements?

    For now, I use an array of bunches, but this does not work very well because the property nodes are all identical for each element in an array. In this case the different scales and beaches restrictions are needed on the various elements. I understand that it is feasible to the behavior of its equivalent of code manually, but it seems a bit of a cludge. Is there a "right way" to do?

    He needs a little more in detail.  N is fixed, you have to show N at the same time.

    Often the best solution is to separate the data from the user interface, which is to store the data as an array of locked but to present data to the user for interaction as a single element or a cluster of clusters of a window fixed populated the table elements.

  • Can we use JNI (Java Native Interface) approach in the Blackberry applications?

    Hello

    Someone help me find if we use the JNI (Java Native Interface) approach in applications Blackberry JDE version 4, 5?

    of course, use logic and rewrite in java. the actual coding usually takes only a small amount of development time, if you have a proper design.

  • List PhoneLog never has the same elements as the native Phonelog

    Hi all.

    I'm figuring the minutes devoted to the calls. But impossible to get the same behavior as the native PhoneLog.

    For example, I manually delete all the entries in PhoneLog in the PhoneLog.

    Can I browse through all entries with:

        allPhoneLogs = new SimpleSortingVector();
    
        for (int i = 0; i < fPhoneLogsInstance.numberOfCalls(PhoneLogs.FOLDER_NORMAL_CALLS); i++)
        {
          PhoneCallLog callLog = (PhoneCallLog)fPhoneLogsInstance.callAt(i, PhoneLogs.FOLDER_NORMAL_CALLS);
          allPhoneLogs.addElement(callLog);
        }
        for (int i = 0; i < fPhoneLogsInstance.numberOfCalls(PhoneLogs.FOLDER_MISSED_CALLS); i++)
        {
          PhoneCallLog callLog = (PhoneCallLog)fPhoneLogsInstance.callAt(i, PhoneLogs.FOLDER_MISSED_CALLS);
          allPhoneLogs.addElement(callLog);
        }
    

    To my surprise, they're all here!

    The PhoneLog is empty, but the entries are here!

    Even more in the Options of the phone log is a parameter called "phone list view.

    After "CallLog" changed to "Most recent", I see the entries that have already been deleted! (similar thing happens when you switch to another type of view: 'Name', 'Most used')

    (1) so how can I count properly only the entries in the display type "Call log" of the call log? (or indeed any other type?)

    (2) is it possible to remove completely the phonelog entry it is not in one of the types of display?

    on some versions of the OS the calllog displayed and the internal version are not synchronized, restart the device help.
    There is a bug in the firmware, there is nothing you can do about it except by using a more recent firmware.

  • (bb10) call from share for the native web browser action

    Hi guys!

    I want my application event CAN "share stock" of the web browser so that I can add URL to my application. I've been doing some registration tests call target, but it is never displayed the action part of browser.

    I have something like this:


        APPLICATION
          
                 bb.action.SHARE
                 Text / *.
                
          

     

    but the part of the browser shows only the BBM and the BBM group. Ive also tried with 'OPEN' and nothing.

    Any idea?

    Found!

    *

    and it works!

    I tired

    */*

    And it returned an error, but * works very well and it is shown on browser!

  • UI on Macbook Pro 2015 trolling in the native resolutions

    I have a really strange problem with my Macbook Pro 15 beginning 13 "retina. The user interface is a little laggy when I put any native resolution, that the system provides. For example, when I opened this page: http://www.apple.com/iphone-6s/ , animations are visibly restless. But as soon as I put the resolution to a value of system supported (2048 x 1280 for example) some not all works well and that it should. Another weird thing - if I move a browser window of my laptop to an external monitor Full HD screen everything works well on this screen. But as soon as I drag this return, he is again choppy. GAL of the entire system, not only in the browser. Any of you encountered this problem? I tried everything I found on the internet, but nothing helped. It has the graphics card Intel Iris 6100, processor Intel i5 2.7 GHz and 8 GB of ram. He does this since I bought it.

    Hello romantu,

    Thank you for asking your question here in Apple Support communities. I understand that you are experiencing some lag with the entire computer. I am pleased to offer you things to try to isolate or fix it for you.

    As always, we want to ensure the data on your Mac is safe. You will need to use Time Machine to backup to an external hard drive. The recommendation is to use an external hard drive twice the size of your hard drive internal. Use this article to help make a backup: use Time Machine to back up or restore your Mac.

    Once you have a backup, you will want to check if the system latency occurs in safe mode and a test user. Safe mode will tell you if the problem is related to a startup item or plugins, and a test user will let you know if the problem is related to your account, or at the system level. It will be difficult in safe mode, because safe mode runs a little slower. It may look like he is also experiencing lag while is not. Test and try to see if the video is the same as it did before. Check if the problem goes away on the monitor full HD in safe mode. See this article for help to find out how to enter safe mode: try safe mode if your Mac does not start-up. There is a section called "If a problem does not occur in safe mode" you can work through the if the problem does not have the same or at all while you are starting up in safe mode.

    If you get through the safe mode article and still questions or if the problem also happens when starting in safe mode, you will want to check if the problem occurs to a test user. This article will help you do it. How to test a question in another account on your Mac user. There is a section called "If a problem occurs in account only one user" that leads to this article help: Mac OS x: how to solve a problem of software. You want to go through this article, if the problem occurs only in your main administrator user and not the test user.

    If the problem occurs in safe mode and test user, you'll want to reinstall OS X. Use this help article: How to reinstall OS X. See the section titled "If you reinstalled for other reasons.

    Thanks again and have a great rest of your day.

  • WIN8 registers touch but no reaction from the user interface?

    Anyone having problems with Win8 button when your fingers are clearly registered (Windows gives this feedback from the spherical ripple effect) but the user interface under your finger does nothing? No not the button and so on.

    I live it with some Chrome for example, with the small button tab when it is near the top edge of the screen.

    If I drag the window to the center of the screen, I have no problem with getting keys recorded. Hit the button new little tab gives no trouble.

    When user interface elements are close to the edge, no reaction, even if the wave indicator appears.

    Cannot know if it is a driver or a HW problem. I use X220T.

    Example screenshot

    May be a problem with Chrome, in fact. Tried with Firefox and the new tab button is a lot easier to hit. ---> will give Chrome devs a hint

    EDIT: what you know! The new beta version has already dealt with this issue:

    https://www.Google.com/chrome/browser/beta.html

Maybe you are looking for