I have created a Cordova ionic application which has an editor. I have an index.html page. I have one editor.html page. To navigate to the editor page, I have used:
window.open('editor.html')
I have added cordova.js at the top in editor.html.
I want to scroll the screen when user enter any TEXT on the editor as it is hiding the data when I'm typing. I have added keyboard plugin. What can I do to make this work?
meta tags which I have used in index.html:
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
Related
into my application I've disabled pinch to zoom using those lines of code
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="mobile-web-app-capable" content="yes">
all of this is working well everywhere but not on iPhones... someone can help me?
I am sending Push Notification using OneSignal.
When the user clicking on the push notification, it automaticlly open a link to my web site.
How can I hide the address bar on the Browser?
I tried this code:
<meta name="mobile-web-app-capable" content="yes">
I putted this code on my web site inside the <head>.
But it's working only when the user add the web site to his homepage.
Android browser is WebKit based
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
I am developing a webapp using angularjs and jquery. The webapp loads perfectly fine when the mobile device language is set to any except Chinese. I debugged a lot and found the issue that the web app is not loading because of the meta view port tag in the index.html. As soon as I remove the meta viewport tag, the web app loads successfully in the mobile when the language is set to Chinese.
navigator.language = "zh-CN"
But I cannot remove the meta viewport tag from the index.html , just for the webapp to load when the language is set to Chinese.
May I know the reason why the meta viewport tag is creating this problem when navigator.language is set to Chinese ?
Is there any other alternate solution to make my webapp working with the meta viewport tag ?
Below is the code that I have in index.html
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=360.1, user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
<meta name="mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<meta name="msapplication-tap-highlight" content="no"/>
<meta name="format-detection" content="telephone=no">
<title>Test</title>
The above will not work if mobile language is set to zh-CN. But works fine if I remove the viewport tag.
Please help on this. Appreciate all your inputs.
I'm using angularJS to develop my application which has many e-cards and each has listed with thumbnails on my home page. From the home page user can share on various social media.
Right now I have shared using https://plus.google.com/share?url= but this is not sufficient for me as it pick-up loading image as image reference and I don't want to share that (Obviously), I would like to share the image user has selected along with the description.
Is there any stream api in google for javascript that will help me for the dynamic content sharing?
Still I wonder How to do that?
You should add special meta tags to your page
<meta itemprop="name" content=""/>
<meta itemprop="description" content=""/>
<meta itemprop="image" content=""/>
Where image is url that should be your preview image.
You can specify sharing options for other networks as well
Twitter:
<meta property="og:title" content=""/>
<meta property="og:description" content=""/>
<meta property="og:image" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:url" content=""/>
Facebook: (image better be 256x256 png or jpg)
<meta property="og:title" content=""/>
<meta property="og:description" content=""/>
<meta property="og:image" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:url" content=""/>
Windows 8 menu links:
<meta name="application-name" content=""/>
<meta name="msapplication-tooltip" content=""/>
my site: http://www.healthot.com doesn't show correctly in iPhone and other mobiles. It's scales the window, so it's necessary to zoom out for see the page. Check this photo and you are going to understand all: http://www.dropbox.com/s/27o9ubygfl4ci3w/Foto%2016-04-14%2018%2058%2005.png
What can i do?
Update your view port meta tag from:
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
To:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Learn more on how viewport works.