the Proportions in Dev Alpha bbUI.js

Yesterday I received my Dev Alpha in the Sao Paulo BlackBerry Jam and like everyone I play with it today, mainly to carry my apps for it. I tried to compile my app bbUI.js/WebWorks using 10 BB and PlayBook SDK but I couldn't get my app is displayed correctly on my Dev Alpha, it is absolutely out of proportion.

Here is a picture of the problem:

Any ideas on how to solve this problem?

PS: This works perfectly on the PlayBook and the ripple.

I looked at the example app source code bbUI.js (which correctly displayed on the Alpha of Dev) and I noticed that the viewport meta tag is a little different than my. My was like this:


I noticed that the bbUI.js there a device-density setting. I added it and the app is now display correctly. Here is the right one for your applications:


Tags: BlackBerry Developers

Similar Questions

  • Remove the SIM Tray Dev Alpha A

    Hello

    I bought a SIM card to check the data on my Dev Alpha A. I'm trying to remove the tray now. I have lost the small tool somewhere. How to remove the SIM tray?

    Figured it out. Just use a paperclip.

  • The size of the screen wrong (Dev Alpha)

    OK - I have this

    A Dev Alpha is 1280 x 768 - I trust the source of this info (BB guy)

    Try something silly like that...

    Alert (window.innerWidth + 'x' window.innerHeight);

    I get the numbers - gimme a sec...

    Thing stupid password

    570 x 342

    Huh?

    Hi, I had the same problem. You must add the following:

     
    

    Source: http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/How-to-set-up-the-viewport-for-a...

    Have a great day!

  • How can I get the keyboard to display in the simulator of Dev Alpha?

    Hello

    I use the Dev Alpha Simulator to test my apps of Cascades, and I need to type text in the fields in my application. I can just click and type the keyboard of my Mac, but capitalization does not work. So, how can I get the BlackBerry keyboard to display on the simulator - so that it looks like a real device?

    Thank you.

    Hello
    You can click on the lower right corner, and the keyboard will be visible.

    Kind regards

    Sommily

  • Resolution of the smartphone BlackBerry Dev Alpha 10

    What will be the alpha of resolution Blackberry 10 dev device? It will be same as Simulator? How he gona be in real aircraft?

    Need for clarification

    Dev Alpha device resolution is 1280 x 768. The real device resolutions will be as follows:

    1280 x 768 for the first full touchscreen device
    1280 x 720 for future devices full touchscreen
    720 x 720 for models with a physical keyboard.

    More information about this is located in the following developers blog:

    http://devBlog.BlackBerry.com/2012/08/BlackBerry-10-screen-resolutions/

    I hope that info helps!

  • Change orientation distorts the content of the screen on Dev Alpha (10.0.6.545)

    I use the Beta 2 SDK and my Alpha Dev is updated to 10.0.6.545.

    I want my application to support the changes in orientation from portrait to landscape and back. To implement, I followed the tutorial at:

    https://developer.BlackBerry.com/Cascades/documentation/dev/orientation/index.html

    When I flip the Alpha of Dev to change the orientation of the fashion portrait to landscape mode, it works. But when I flip it back to leave for the portrait, the content of my app's screen gets distorted / destroyed somehow so that more or less garbage appears. It is not just a question that all of my components are not moved or something (I understand I must handle this) but the screen content is garbled. When I go again in landscape mode it seems ok again. But when I go to the portrait of the screen is still once deformed. Here is a screenshot:

    I've found that I can reproduce this behavior also with examples of applications like weatherguesser and also with costs projects created from the project templates as examples NavigationPane or TabbedPane when I just turn on self-orientation in their bar - descriptor.xml file and just add an onCreationCompleted handler in their main.qml:

    onCreationCompleted: {
        OrientationSupport.supportedDisplayOrientation = SupportedDisplayOrientation.All;
    }
    

    Since the orientation change works very well for the operating system itself and the browser pre-installed too, and only my apps are affected, I think that I'm doing something wrong. Any tips?

    Is the source code for the tutorial above available as an archive available for download somewhere? I want to check it out.

    Or is it is a known issue in Beta 2? (I did not implement the change in orientation of support before Beta 2).

    (I have not found anything on this issue in the issue tracker.)

    Thanks in advance

    I've updated to Beta 3 SDK and the Dev Alpha 10.0.9.388 and this bug seems to be fixed.

  • HelloWorld in the simulator of Dev Alpha


    I have improved the Alpha of Dev to BB10_0-10-261 Simulator and it works now.

    See you soon,.

  • question: webworks upgraded to 1.0.3.8 SDK version, "file not found" error on cmd at the launch on Dev-alpha 10.0.6

    Hi all

    I have updated the Webworks SDK to its new version 1.0.3.8. The applications have been installed successfully in the previous version... now, when I'm working on that, I am faced with a question saying failed to create the application process: no such file or directory. at the command prompt (start the emulator of the ripple, once packed and signed with success).

    I checked the credentials files, debugtoken file, bar etc. The script src that I am referring is also correct.

    Thank you.

    Is resolved now. I upgraded my bb device - 10.0.9 and everything works fine

  • No image appears on the Dev Alpha A

    Hello

    I deploy my application on the Simulator and Dev Alpha, but some picture big can not display on Dev Alpha but still works smoothly on Simulator.

    Someone tell my why?

    Seems real...

    Texture size max for Dev Alpha Simulator has been specified to be 8192 x 8192 pixels pixels.

    See this http://developer.blackberry.com/native/documentation/bb10/understand_the_blackberry_dev_alpha_simula...

    Maybe this isn't the case with real hardware.

    -Dishooom

  • webkitVibrate works is not on the latest Webworks and Dev Alpha OS?

    My application uses the navigator.webkitVibrate function, which worked very well on the previous OS Dev Alpha as well as on the Webworks 1.0.2.9 SDK.

    I updated to 1.0.3.8 and also updated Dev Alpha, and now my app is broken. The vibration does not work. Any thoughts? Do you have this change or are additional permissions required in the config.xml file? Thank you.

    OK, I got a response from Github...

    It has been moved:

    navigator.webkitVibrate ();

    ... today is...

    Navigator.VIBRATE ();

    Name of the function changed. I did a text replace through all of the code in my application and recompiled, it doesn't! Thank you very much!!!

  • BB 10 Dev Alpha Simulator 10.1 beta - screen resolution

    I couldn't get my Android app BAR file to install on the current version of the BB 10 Dev Alpha Simulator (10.0.10.261) so I tried to install the Beta 10.1 Simulator and my app installed first and short big.  The only problem is the screen seems to be much smaller than the 10.0.10.261 version, I read in the release notes that the resolution is only 720 x 720.  Is it possible to change this?  Or can we expect a resolution screen than the final version?

    Thank you

    Jonathan

    I realize now it's the resolution for the upcoming phones of the physical keyboard BB10 (X 10).

  • BlackBerry 10.0.09.1675 Dev Alpha Loader not found

    Someone check it please?

    The URL on:

    Update the software of the device BlackBerry Dev Alpha 10

    Does not work here.

    The charger is not download for me either. Give him a little time since they just went live with it if.

  • BlackBerry Dev Alpha - touch screen capture?

    Y at - it a shortcut to make a screenshot on the real device Dev Alpha? I prefer to use it if possible more it captures ripple.

    Thank you!

    I thought about it myself (by chance), it's of the +/-volume key at a time. It will take a screenshot of the screen.

  • Feature on BlackBerry 10 Dev Alpha Simulator

    Greetings,

    I would like to know what device simulates the "BlackBerry 10 Dev Alpha Simulator"? In my view, that simulates the Q10 of BlackBerry, I would like to know if it is possible to emulate the Z10 BlackBerry, because the size of the screen is different in these two devices, or would like to know how whether the behavior of the GUI of my application, each of these two devices.

    Best regards!

    Hello
    Recent versions of Simulator offer to choose a type of screen during startup. Square screen (720 x 720) Q10 & Dev Alpha C's rectangular Z10 & Dev Alpha one

  • BBui.js sample application on Dev Alpha

    I play with the BBui.js sample application (demo application with all the commands in a menu list) on a Dev Alpha device.

    For some reason, the controls do not meet the touch events correctly. It is clear that the contact is detected because a border appears around the list menuitem when pressed on the issue, but even now the item for several seconds does not usually result in an action.

    The strange thing is that on a few occasions, the item is highlighted to block and then respond to touch and open the corresponding page. But rarely worked, and every time, I can't work what is different.

    Any ideas on why this may not work on the Alpha of Dev, I? Has anyone else had problems of tactility with their apps or samples of the RIM? Or is there a way to adjust the sensitivity on the Dev Alpha?

    It has to do with the resolution of the screen of the alpha of dev, it blends right now with bbUI thinking that a faucet is actually a key and drag.

    I can't find the post where Tim Neil gives a good description of what is happening, but I know he's aware of him and try to sort it out.

Maybe you are looking for