BBUI.js actionBar and actionMenu
I have already created my app (A currency converter) using HTML5 WebWorks and everything works fine but what I'm really looking for is 'the native blackberry look-and-feel' that BBUI.js offers. The problem I'm having is where to I put the code needed to create an actionBar and an actionMenu with sharing options within my index.html file or my home.html file (This is my first page that gets loaded on opening). I'm having this problem because I didn't really understand the tutorial in the github wiki and when I follow the tutorial on opensourcebb
and run the app in Ripple Emulator no pictures are shown much like in the image that I have attached.
I'm also looking into creating an update function and linking the code to a server or using an api to retrieve exchange rates (so that I don't have to do it manually when the rates change)
[If needed I will attach my .zip file of my whole application incase someone can help]
Any help would be very much appreciated.
Thanks in advance!
- 01-26-13, 06:20 PM #2
I've had nothing but trouble trying to get BBUI.js working in Ripple. I know it's doable, but Chrome is a PITA sometimes.
The easiest way to see the BBUI.js stuff in action is to download the entire sample at: https://github.com/blackberry/bbUI.j...master/samples
Package it in ripple as is, and run it on the simulator.
If you want to try some of it on your own, keep the skeleton from the sample (delete all the .htm files except index and menu). Menu.htm in this case is where your main content will go, since Index.htm is just the initialization file for the app.
- 01-26-13, 06:46 PM #3
First of all, please run some demo apps first.
You see that the base of every app is; Index.htm
You also will see this line of code;
The menu.htm is the file where you want to add your codes to.
BB.pushScreen means; it executes the menu.htm on top of the index.htm (with the styling). Without the index.htm the menu has no styling.
So run the base of your app, and the styling should be applied
- 01-27-13, 10:19 AM #9
btw i saw your 'to do list'
the portrait mode only ;
<feature id="blackberry.app"> <param name="orientation" value="portrait" /> </feature>Code:
also; the 'auto updater'
edit; change theCode:
<access uri="http://chart.apis.google.com" subdomains="true" />Code:
<access uri="*" subdomains="true" />
Hello, I have added the bits you said to add in, but since all of the code has been added I have lost my styling from my 'styles.css' file and have no idea how to put it back in because I tried: <script src="styles.css"></script> but that hasn't worked. So, could you take another look at my menu.html file and see where I can put it back in so that the menu.html file reads h1, h2 and h3 from the styles.css file?
Thanks for this
- 01-27-13, 06:05 PM #20
Every file other than the index file in bbUI is actually a single div that's dynamically loaded into the index when it's requested.
One was altered for me by jeroen_13 so that the actionBars would actually work but the currency converter doesn't function when it is put into a separate .js file.
And I have my original which the actionBars don't work on but the currency converter does
Would you mind checking them out to see how the styling could be sorted so that it looks like it's supposed to in the original? Any help would be appreciated.
[- My original one is called 'Currency Converter'
- The one alterted by jeroen_13 is called 'Currency']
- By oppiTronic in forum Developers LoungeReplies: 61Last Post: 05-09-13, 10:26 AM
- By katesbb in forum Developers LoungeReplies: 3Last Post: 12-28-12, 11:39 AM
- By jtokarchuk in forum Developers LoungeReplies: 4Last Post: 12-19-12, 04:10 PM
- By kewlgreen in forum BlackBerry 10 Dev DevicesReplies: 4Last Post: 07-13-12, 05:07 PM
- By goku_vegeta in forum Developers LoungeReplies: 3Last Post: 06-24-12, 12:01 PM