I have done my application in iphone using phonegap and jquery mobile. It is major project and it is totally completed. But there is one problem , in application pages load using rel="external" , when page changes one to another page in between 2 to 3 seconds screen display totaly white, that time don't want to display white screen. Anybody idea what can we do for that ? and don't reply with remove rel="external".
First of all you will have to make your native webview transparent then
Try giving css style to body as
body{
background-color:transparent;
}
Related
I am coding a simple app in Xcode and I have ran into a problem. I can not get links to work on the mobile app that go to other links. For example, if I click on the Twitter button at the bottom of the webpage nothing happens, I want that button to lead to the desired link it was supposed to go to. Also, the words in a page on the site are lined up in a vertical column, and I would like to know how to make the text look better in terms on formatting it correctly. Here is a picturePicture Of Simulator The Code
[Image]
Seems like you're adding your WKWebView the right way and the page is loading fine. The problem with the text is actually coming from the CSS of the site as I have the problem in Safari on my phone as well, so if you are the web admin of the site I'd fix it there.
Did you try if the button you are talking about is responsive when accessing through Safari on your phone/simulator? WKWebView does not have a loading bar and it seems "unresponsive" sometimes even though the sites are loading in the back.
When adding your WebView implementation buttons like the privacy policy on the site work fine for me.
I tried with HTML5 as well as XFBML version also but send button not appearing on my webpage.
I used the code from https://developers.facebook.com/docs/reference/plugins/send/ for http://www.rakthadanam.com. On the developers.facebook.com it is showing properly but on my site it's not displaying.
Well, that´s because you cut it from the Social Plugin. There is just no space for it right next to the like button, you are going to have to make it bigger.
Also, there is "send=false" in the source code, so of course there is no send button at all.
I am using addthis thirdparty tool for facebook and twitter like button , The twitter like button rendering parallely with the page but facebbok button renders a bit late, after the whole page, I am using it like that :
a class="addthis_button_facebook_like" fb:like:href="#"
Is there a way for rendering it same time with the whole page ?
Unfortunately, it isn't possible to guarantee when the buttons will be rendered. All the buttons will load at different times depending on how fast the resources (JS/CSS) are loaded and how quickly the code executes to render the buttons. This is done to make sure your page always load and doesn't get blocked by the buttons loading. The reverse could happen where Twitter loads slowly and Facebook loads quickly. Is there a functional reason for wanting them to load at the same time? If so, you could "hide" the div containing all the buttons and then have them all appears after a certain amount of time to increase the likelihood that all buttons have been rendered. I hope that makes sense.
I was finding around the website but i cannot get the source. The menu was semi-transparent which got news feed, profile and etc.
I need the sample that creating something like transparent screen on top of current screen. Someone can link me to there?
I think the following links would helps u a lot...
Transparent Popup screen in Blackberry
Transparent screen...again!?
Creating a transparent screen
How to set popup screen transparent...?
want to get the home screen api called
On my site the fb connect login button suddenly became unclickable, I have no idea what I did
http://www.belginfish.com/mp3/
(top right)
If anyone has any idea that would be excellent!
A div element with class="search_area" is lying on top if your facebook button. Its transparent so the fb button is still visible. Rectify your html/css and fb button will work just fine.
I had a similar problem. We were upgrading from FB Login v1.0 to v2.1. The old version was relatively simple to skin by just swapping in your own background image, and hiding the original image, like:
background: url(/ui/img/fb-login-small.png) no-repeat;
text-indent: -9999px;
Unfortunately in v2.1 this same code will hose you. You'll end up seeing your custom image, but it won't be clickable. Furthermore, the real button does load without any errors, and is promptly shuttled off -9999px offscreen. That can be pretty confusing.
The solution is to just get rid of the image replacement (get rid of the 2 CSS lines above) so the real FB login button can show through.