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
gull
Posts: 13
Registered: ‎06-05-2012
My Device: Torch 9800, PlayBook, BB10 Dev Alpha
Accepted Solution

Webview content distorted

1. use new app wizard to build a new empty app
2. change the main.qml to follows:

import bb.cascades 1.0

// creates one page with a label
Page {
    Container {
        layout: DockLayout {}
     ScrollView {
      WebView {
       url: "https://accounts.google.com/o/oauth2/device/usercode"      }
     }
    }
}

3. build and test in Alpha Dev, the content from google distorted and not readable

 

anyone has idea and how to fix it or any workaround?

 

thanks in advance!

Gull
www.appsever.com
Please use plain text.
BlackBerry Development Advisor
sabdelsayed
Posts: 249
Registered: ‎08-17-2012
My Device: BlackBerry Z10 and Q10

Re: Webview content distorted

[ Edited ]

Hi gull, i have tested your code and it looks fine on OS Version 10.0.10. Here is a screenshot for your reference:

 

IMG_00000008_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
Please use plain text.
Contributor
gull
Posts: 13
Registered: ‎06-05-2012
My Device: Torch 9800, PlayBook, BB10 Dev Alpha

Re: Webview content distorted

Thanks! , At the time it was not working for dev alpha but yes it is working for Z10.

Gull
www.appsever.com
Please use plain text.
Contributor
tyler_tu
Posts: 26
Registered: ‎06-17-2013
My Device: Z10

Re: Webview content distorted

Hello sabdelsayed,

 

I have a similar but not exactly same issue when running the same code in 10.2.  I don't know how to post a screenshot here.  But basically, the page is not fill the full page and leaves 1/5 white area in the botttom.  And more critical issue to me is that when I input a very long email(abcdefghijklmnopqrstuvwxyz@abcdefghijklmnopqrstuvwxyz.com) in the webpage, the input field does not scroll to show the last character I input. 

 

The external browser runs properly, shows "qrstuvwxyz@abcdefghijklmnopqrstuvwxyz.com" when I was typing.  But the webview in my app only shows "abcdefghijklmnopqrstuvwxyz@abcdefghijklmno" and I cannot move the cursor to the end of my input.

 

Thanks for any advice in advance.

 

Tyler

Please use plain text.
BlackBerry Development Advisor
sabdelsayed
Posts: 249
Registered: ‎08-17-2012
My Device: BlackBerry Z10 and Q10

Re: Webview content distorted

Hi tyler, please post your issue in a new post. That way you will get the attention you need faster. Since, already this post is already marked as solved.
@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
Please use plain text.
Contributor
tyler_tu
Posts: 26
Registered: ‎06-17-2013
My Device: Z10

Re: Webview content distorted

Sure, I actually was already aware of this and post it in a new thread

 

http://supportforums.blackberry.com/t5/Native-Development/Input-field-in-webpage-doesn-t-work-proper...

 

Thanks,

 

Tyler

Please use plain text.