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.

inside custom component

Web and WebWorks Development

Reply
New Contributor
Posts: 9
Registered: ‎03-28-2013
My Device: bb z10
My Carrier: touch
Accepted Solution

loading effect in webview

how could i create loading effect in webview for bb10

Developer
Posts: 236
Registered: ‎07-27-2012
My Device: BlaclBerry PlayBook 16gb, BlackBerry dev alpha
My Carrier: Airtel

Re: loading effect in webview

BlackBerry 10 has great support for HTML5 you can use any java script for the loading screen

New Contributor
Posts: 9
Registered: ‎03-28-2013
My Device: bb z10
My Carrier: touch

Re: loading effect in webview

thanks

Retired
Posts: 245
Registered: ‎09-21-2012
My Device: Q10
My Carrier: Virgin

Re: loading effect in webview

We also support a splash screen to show prior to your content. You can look at this for more information:

 

https://developer.blackberry.com/html5/documentation/rim_splash_element.html

 

@erikjohnzon
erjohnson@blackberry.com
Developer
Posts: 1,229
Registered: ‎03-20-2011
My Device: Playbook, Z10 LE, Dev Alpha B, 2x Dev Alpha C
My Carrier: 3, Orange, Vodafone

Re: loading effect in webview

There is a shirt delay on load

 

You ideally want ...

 

1) Loading image / logo

2) Loading page - keep it light

3) Your App

 

(2) is th hard bit as you wanna keep the amount of data minimal

 

As such skip JQ etc, just use stuff you already have - direct DOM

 

I wanna get a project I'm finishing nice and smooth so when I do the code I'll post an example




Click the like button if you find my posts useful!
Highlighted
New Contributor
Posts: 9
Registered: ‎03-28-2013
My Device: bb z10
My Carrier: touch

Re: loading effect in webview

Thanks alot ,my app is already finished i created a loading page then it redirect to another after some delay using js.

But i love to see your code and the config file on how to use splash and param tag to create delay and splash screen from the config file. 

Developer
Posts: 817
Registered: ‎11-19-2009
My Device: Z10, Q10, 9900, 9790, PlayBook,
My Carrier: T-Mobile UK, Three, O2, Orange, Sunrise, Swisscom

Re: loading effect in webview

[ Edited ]

I'm not sure you can introduce a delay, but here is what you need for the splash screen, for both orientations

<rim:splash src="resources/startup/768x1280.png"/>
<rim:splash src="resources/startup/1280x768.png"/>
<feature id="blackberry.app">
<param name="orientation" value="auto" />
</feature>

 

Regarding the loading phase of your app, I'd suggest sticking to CSS effects in your index.html. Remove the div when the app is ready.

--
Olivier - interfaSys ltd
Developing for BlackBerry 10 devices using the Sencha Touch framework.
Developer
Posts: 66
Registered: ‎09-04-2008
My Device: Z10

Re: loading effect in webview

If you use bbui.js you can have look here:

 

https://github.com/blackberry/bbUI.js/wiki/Activity-Indicator

 

Works fine for me.

---

My Twitter:
http://twitter.com/lgentz
New Contributor
Posts: 9
Registered: ‎03-28-2013
My Device: bb z10
My Carrier: touch

Re: loading effect in webview

thanks