Adapt Learning Community: Orientation change Event not found

Hello,

I was trying to find out a event for orientation change (mobile rotation portrait/landscape ) in adapt framework but i found no implementation for this?

So i was trying to add a jQuery mobile lib for same, but I didn't get success. Can anyone please guide me how i can add this library particularly in adapt framework.

thanks

Bharat

Hey Bharat,

Currently Adapt doesn't support orientation change as it's not well supported across browsers. However if we receive enough calls for this then we will consider putting it in.

For now I would suggest looking over this documentation to familiarise yourself with the Adapt.device object.

You could build a plugin that listens to these Adapt.device events and work out the orientation change.

Hope this helps!

Thanks,

Daryl

Show parent | Reply

Thanks Daryl,

I need this feature for mobile, because i was trying to run video on full screen mode when mobile rotates from portrait to landscape.

Jquery.mobile gives orientation change event but adapt framework not using jquery mobile library.

bharat

Show parent | Reply

Hi Bharat,

It wouldn't be a lot of code to write a plugin that includes jquery mobile and listens for the jquery event, then fire Adapt.trigger('orientation:change', 'landscape').

Cheers,

Chris

Show parent | Reply

Hi Chris

I was trying this at very first, but whenever i was trying to include jquery mobile, framework stopped working for me, it was not showing any error while build!

I tried to include something like:

var ComponentView = require('coreViews/componentView');
var Adapt = require('coreJS/adapt');
var JqueryM = require("components/adapt-xyz/js/jquery.mobile");

rest code...

Can you correct me if i am doing something wrong here?

Bharat

Show parent | Reply

Hey Bharat,

Have a look at this tutorial:

http://pixelhunter.me/post/28843693624/detect-orientation-jquery

Thanks,

Daryl

Show parent | Reply

Can't tell for sure without the source code but I always use a relative path for locally included modules.

https://gist.github.com/cajones/a7d09065796c491dcba6