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

Native Development

Reply
Contributor
Posts: 12
Registered: ‎07-28-2011
My Device: Playbook, Bold 9930, Dev Alpha A Device
My Carrier: Verizon

WebView distorted display issue

I created a very simple app using the sample code that displays a website (found here).

 

I'm running into a problem where the website I have opened is distorted--it is happening to me as I test it on my dev alpha device A device AND it is the reason why the app was rejected from BB World (the tester sent me a similar screenshot complaining about this issue on his dev alpha B device). Yet when I pull up the same site in the browser app or on an iPhone it looks perfectly fine. 

 

This seems to be a bug with the WebView control. Any ideas what else might be causing this issue or how to fix this? 

 

Also, possibly related to this issue, whenever I try to open the qml file in the BB10 Gold Native SDK (QDE) in the QML Editor (on my mac), QDE crashes. 

 

Thanks, 

Alex


 

Here's a screenshot of the distortion issue:

 

 

Since the site is already enhanced for mobile displays I chose to make a simple app for the initial version. Here's the exact qml code found in my main.qml file:

 

import bb.cascades 1.0

Page {    
    ScrollView {
	    id: scrollView
	    scrollViewProperties {
	        scrollMode: ScrollMode.Both
	        pinchToZoomEnabled: true
	        maxContentScale: 5
	        minContentScale: 1 
	    }
	 
	    layoutProperties: StackLayoutProperties { spaceQuota: 1.0 }
	    
	    Container {
	        background: Color.LightGray
	 
	        WebView {
	            id: webView
	            url: "http://www.tengrade.com"
	    
	            onMinContentScaleChanged: {
	               scrollView.scrollViewProperties.minContentScale = minContentScale;
	            }
	    
	            onMaxContentScaleChanged: {
	               scrollView.scrollViewProperties.maxContentScale = maxContentScale;
	            }
	        } // end WebView
	    } // end container
	} // end ScrollView
}
Contributor
Posts: 12
Registered: ‎07-28-2011
My Device: Playbook, Bold 9930, Dev Alpha A Device
My Carrier: Verizon

Re: WebView distorted display issue

FYI I fixed the QDE crashing issue by completely removing the bbndk folder and reinstalling the Gold SDK. Now QDE works like a charm.
The app still looks distorted.
Contributor
Posts: 12
Registered: ‎07-28-2011
My Device: Playbook, Bold 9930, Dev Alpha A Device
My Carrier: Verizon

Re: WebView distorted display issue

I created an issue on JIRA for this issue: https://www.blackberry.com/jira/browse/BBTEN-554

 

Can someone at RIM look into this?

Retired
Posts: 252
Registered: ‎08-17-2012
My Device: BlackBerry Z10 and Q10
My Carrier: Bell

Re: WebView distorted display issue

[ Edited ]

Hi Sashas, this issue no longer exists in OS Version 10.0.10.263. See screenshot below for your reference.

IMG_00000007_2.png

 

@SamarAbdelsayed

Did this answer your question? Please accept post as solution.
Please refrain from posting new questions in solved threads.
Found a bug? Report it using the Issue Tracker