Welcome!

Welcome to the Official BlackBerry Support Community Forums. This is your resource to discuss support topics with your peers, and learn from each other. New to the forum? Please visit the ‘Getting Started’ link below.
inside custom component

Web and WebWorks Development

Reply
Regular Contributor
pigling
Posts: 72
Registered: ‎02-05-2012
My Carrier: Singtel
Accepted Solution

question about UI design through WebWorks

Hi all,

How to show the top bar in my application as Facebook app?

 

Where can I find width of the top bar? Thanks.

 

regards,

QC

Please use plain text.
Administrator
astanley
Posts: 1,127
Registered: ‎07-02-2009
My Carrier: Bell

Re: question about UI design through WebWorks

I don't fully understand your question.  Can you please clarify?

 

Are you trying to understand how to use CSS to size page elements?  If so, I'd recommend making sure to use relative sizing (e.g. % or em units instead of pixels).

 

Or are you looking for a way to get the value of the current screen dimensions?  If so, see this sample:

http://blackberry.github.com/WebWorks-Samples/kitchenSink/html/browser/pagedimensions.html

Follow me on Twitter: @n_adam_stanley
-------------------------------------------------------------------------------------------------------------------------
Your app doesn't work? Use BlackBerry remote web inspector to find out why.

Watch the BlackBerry Jam Americas Sessions.
Please use plain text.
Regular Contributor
pigling
Posts: 72
Registered: ‎02-05-2012
My Carrier: Singtel

Re: question about UI design through WebWorks

What I am saying is I don't want a full screen web app. When the app covers the whole screen, user can't see the time, carrier info, battery... How can I configure the web app so that on the top bar of the screen can still display such system information?
Please use plain text.
Administrator
astanley
Posts: 1,127
Registered: ‎07-02-2009
My Carrier: Bell

Re: question about UI design through WebWorks

I understand now, thanks for clarifying.

 

WebWorks apps, like all other apps on the BlackBerry OS, cover the full screen by default.  If you wish to include your own task bar, within your app, to display system-level information (battery, carrier, time, etc), you will have to include that logic as part of the app itself (e.g. create a <div>, and use WebWorks APIs or custom JavaScript extensions to retrieve the data for these properties).

Follow me on Twitter: @n_adam_stanley
-------------------------------------------------------------------------------------------------------------------------
Your app doesn't work? Use BlackBerry remote web inspector to find out why.

Watch the BlackBerry Jam Americas Sessions.
Please use plain text.