I'm now developing a webapp for Windows Phone 8 with Microsoft Visual Studio Express 2012 for Windows Phone. I have a fullscreen webview that load html content from the web.
In the css of the html content there is this code:
#-ms-viewport{
width:850px;
user-zoom:fixed;
max-zoom:1;
min-zoom:1;
}
When the keyboard show up, there is an horrible flickering effect of a strange black rectangle.
I have only the webview component in the code and I use VB. There is any type of solution to fix this flickering effect?
Thank you
Related
I've built a small basic portfolio page based on a bootstrap template. The top features a blue header with an animated gif I built on top of that with a parallax effect. The animation displays and runs properly on everything EXCEPT for iPhones. Even the Chrome simulator mode for iPhones displays properly. Non iPhones also display it correctly.
I'm definitely a newbie when it comes to front end, and can't figure out how to debug this, since it shows up fine on the Chrome simulator tool where I normally do my debugging.
Any help would be much appreciated.
View my site here--
The Chrome device emulator will help you do most of the work, but it's not an iOS simulator. You can use the iOS simulator in XCode paired with OS X Safari's developer tools (inspect iOS Simulator) if you really want to debug for iOS.
I just want to resolve the issue that when i'm loading the content of html in a webview a white blank screen splashing on webview.Is it browser default background color?or the behaviour like this? is there any solution for this issue.Please any one help how to resolve this issue.
You just have to make it visible after the navigation was completed. See here for more info:
Windows Phone WebBrowser control tips
http://kilgorerodriguez.com/index.html
&
http://kilgorerodriguez.com/CarlosRodriguez.html
On the second page the background spans the entire page but on the first page it cuts off. I'm guessing it's something with CSS, but I can't figure it out.
If you have the Xcode developer tools installed on your Mac, you can attach the Safari Web Inspector to the iPad Simulator, like this:
Open the iOS simulator:open Xcode, then go to menu Xcode > Open Developer Tool > iOS Simulator
Change the hardware mode in the simulator to iPad
Open the Settings app on the simulator, go to Safari > Advanced and set Web Inspector to On
Follow the instructions under the Web Inspector switch: open the desired web page in Safari in the iPad Simulator, and also open the desktop version of Safari on the Mac. Go to the Develop > iPad Simulator menu in Safari and choose the appropriate page
Now you'll have a Web Inspector window that is attached to the web page in the iPad Simulator, with full power to debug the web page.
I used this to find the bad HTML markup I mentioned in the comment. When I used the Web Inspector to fix that markup (find the HTML element in the Resource tab or use the hand icon to select the element in the simulator window, then right click the element and choose Edit as HTML), and then also changed the style attribute for that div I mentioned to have min-width: 1002px;, the page looked OK in the iPad Simulator for me. The change to 1002px is based on one of the parent elements, <div id="wrapper">, having width: 1002px defined in the CSS. The wider min-width of 1124px probably caused the page width problem.
I'm developing a PhoneGap application. In iOS 5.1.1 there was no problem but in 6.1.3 there is a scrolling issue.
If I use a container with overflow:auto; -webkit-overflow-scrolling:touch; and the content is larger than 4000-5000 px, Safari crashes after scrolling.
You can test it with the link below. Click the map and scroll it after zooming in 4-5 times.
http://okngnr.com/arb/
I know the problem is not SVG or too many DOM elements. Is there a bug in iOS 6.x? How can I see the crash report of Safari? I'm using Windows and these isn't CrashReporter under \Users\<username>\AppData\Roaming\Apple Computer\Logs\
Thanks in advance.
Maybe an iOS issue. Did you test on iOS 7 (for having an idea) ? On Mac, using Xcode Phonegap project and the debugger, you might have more informations. Maybe the problem comes when you load in one time all the content.
If you paginate ? Four by four with a button in the bottom to load others. It's not cool for your interface but if it's an iOS issue, you may not have the choice...
I've been trying to track down a problem in our application where a window created with a WS_VSCROLL style ends up with a misaligned vertical scrollbar on Windows 7 when the ribbon is enabled.
I've built the SimpleRibbon SDK sample with WS_VSCROLL on the main window styles and it exhibits the same behaviour. So it looks like some underlying problem rather than something in our code.
Interestingly, this only occurs on a hardware Windows 7 box running Aero Glass. A VM Windows 7 or an RDP session onto the Windows 7 machine does not have the problem!
I've uploaded a picture here - look at the top right corner of the window
http://www.house-on-the-hill.com/2010/capture.jpg
Any help appreciated
JF