I have created some social icons using tag. To open the particular social icon ,i can either touch it or click it . It is working fine for desktop screen and in my ipad. Whereas it is not working when i tried to open the same link with touch in mobile device. Does anyone experienced this problem? if so, how to solve that?
Related
I have a button in a webpage that I want at the bottom of the page. I want this button at the bottom of page no matter where scroll is. The problem is the standard css of bottom: 0px;position:fixed; does not work when the keyboard is up.
Right now we are using ion-footer-bar but that only keeps the button on top of the keyboard on android. When the keyboard gets pulled up for ios it does not get moved up. Anyone have any workarounds for this?
For applications using Cordova you can do the following:
This is due to the fact that on Android the WebView shrinks when the keyboard and on iOS it does not (by default). So iOS is you can put the following code somewhere in the initialization of your app and it should behave the same on iOS as it does on Android.
cordova.plugins.Keyboard.shrinkView(false);
This function does not work on Android, so you don't have to worry about it there.
I have integrated PhotoSwipe 4 on my website. It works well on a desktop machine when using a mouse, but when I open on mobile nothing works, and I can scroll down (it should close like that). Any ideas why this happens?
Here's a test page with this issue:
http://d9281484.u62.c14.ixinstant.com/events/first-event-2014
Most likely it's caused by mCustomScrollbar script that you're using, which stops the propagation of all touch events on mobile.
is there a way to let the user add a desktop shortcut of a website with just javascript or a simple link? I mean on mobile devices, especially android and ios.
There are other questions similar to this but they didn't give me a useful answer till now.
I don't know about android, but on iOS no. I'm not sure why you would want to do this anyway in mobile safari it's as simple as clicking the share button in the tool bar and the click "add to home screen"
I am using angularjs and ionic framework for html5 mobile app. The scenario is when user clicks the search box on main page. A modal should load up autofocusing the searchbox input field and cancel button inline. Also when the searchbox in Modal autofocuses on input field, it should also open up the ios keyboard.
Right now what is happening is when I click on searchbox on main page, it opens up the modal with search header and cancel button and also autofocuses on search input field.It is working fine on desktop view. But the autofocus feature is not working properly on ios devices and also the keyboard doesn't pop-up when modal loads up.
Acc. to ionic docs http://ionicframework.com/docs/api/controller/ionicModal/ I am using
focusFirstInput: true
for autofocus to work.
Here is the plunker sample that I created which works fine on desktop but not on iphone 4 and 5.
Please, Let me know how can I make this work on ios and android devices.
Also, as a side question, if anyone knows about a good chrome or safari pluggin to test the application for mobile devices that will be helpful. I know in chrome we can use their emulate feature to test the responsive designs but what pluggin to use if we want to fully test the mobile application.
I'm helping to build a webpage that is mobile friendly. We are currently in beta and using the "Add to Homescreen" function of Safari on iOS to make the webpage appear as an app. Is there a way through javascript or html to code a link to Safari's share menu? We want to be able to access this share menu from the bookmark shortcut rather than having to be in the actual Safari browser on the phone.
This is an old question, but as of iOS Safari 12.2 and macOS Safari 12.1, Safari supports Navigator.share() to display the system share menu.
The Share menu in Safari is a component of the browser, not the web page. It cannot be linked to.
If you want your users to activate the "Add to Homescreen" function of Safari, you will need to instruct them to press the Share button themselves.