I want to use fullcalendar plugin (http://fullcalendar.io/wiki/Support/). It only support click event. Will it work on mobile with touch events/swipe gestures. Also can we make it responsive for Mobile and tabs?
I use it on mobile successfully. The docs offer a couple different ways to determine rendering size, my app is responsive and it displays correctly on iphone, ipad and desktop of all sizes. I use jquery touch punch to map click to touch events and it works swimmingly. For phone size devices I like to use 'orientationchange' event: in landscape I show agendaWeek and on portrait I show agendaDay views.
Related
When using aframe on mobile and going from page to page I want it to stay in VR mode after the user clicks the VR icon in aframe.
However at the moment whenever you go from one page to another it kicks the user out of vr and the address bar appears so you have to manually click the VR button everytime you want to enter fullscreen again.
Is there a solution to this?
You can check out my aframe application below:
https://www.360belfast.com/app/options.html
I've read desktop solutions online but not much for mobile.
It's not possible. On mobile, A-Frame relies on fullscreen mode that doesn't persist on navigation. It has to be triggered by user gesture on each individual site. It's a browser policy that cannot be worked around. In-VR navigation is only available with a supported headset on Firefox and Supermedium on desktop, and Oculus Browser and Samsung Internet on standalone headsets.
I'm using Flowplayer6 / HTML5 wordpress plugin to play videos on the site.
I have trouble playing the player on the phone. By clicking on the player, the video does not run .
Please find an online example of the problem below:
http://www.muzika.com.br/vertice/player_portacurtas/filme/?name=j_carlos_o_cronista_do_rio
obs .: the 5/2 is normal to stop the video.
According to the know issues section in flowplayer documentation, it seems that:
Mobile devices and iOS do not support automatic playback on page load.
Volume and mute state cannot be controlled on mobile platforms and
iOS.
Mobile phones and iPod do not allow inline playback in the
browser. The native player component takes over entirely. They
therefore also do not fully support the JavaScript API, especially
when it comes to interaction with the page.
You will find in the documentation some workarounds, but maybe this is not the right plugin for what you need.
I'm building an mobile app with Meteor. Now if the phone changes orientation, the page no longer renders correctly. So I need to refresh the page after orientation change.
Is there a way to detect the orientation change in Meteor cordova app?
Thanks.
A good point to start is this post that actually covers both Android and iOS platforms:
Detect rotation of Android phone in the browser with JavaScript
We currently have two handlers added with window.addEventListener in
Template.template_name.created. resize event is used on Android and orientationchange event is used on iOS.
I have a drupal site with the media module installed. When I click 'select media' and try to upload an image on a mobile device I get a blank box instead of the popup box with the upload option. I've checked the console and there are no error. How do I debug this and make it work on mobile.
You can add images to Drupal, but mobile devices don't allow you to upload any photos to image fields. (Android allows it as I remember.)
HTML5 allows this, but sadly that's mostly a no go with Drupal 7 at the moment. However, it turns out the fix is nice and easy via the HTML Media Capture method. Add the following snippet of jQuery, so it runs when pages load:
$('div.image-widget-data input[type="file"]').each(function(idx, item) {
$(item).attr('accept', 'image/*;capture=camera');
});
That will look for items inside image widgets and add the accept attribute This then tells mobile devices they can upload image data and are allowed to grab that from their on-board camera.
To make that a spot simpler on Drupal, you can grab the Image Mobile Camera module from its sandbox on Drupal.org.
Now hit your blog via your tablet or phone (using a browser that supports this - Chrome is fine) and try it out.
Hope that helps
i am creating a mobile site, now my problem is the images are getting render when i run the site on PC, and also while running the site on IPhone, but when it comes to Opera Browser for any symbian based mobile, the images are not at all rendering..
i am using asp:Image control on the site.. is this causing it not to be displayed on mobile.
if yes, then whats the equivalent for the mobile control. and also i want to resize the image as per the aspect ratio almost all the images are big in dimension.
Please anyone have any idea for the same, i will appreciate it.
If you wish to have your pages and images resize automatically based on the size of the device on which they are being viewed, you might find an answer with Zurb Foundation. I use it in almost all of my web "responsive web design" projects now.
http://foundation.zurb.com/