Close overlay on orientation change

[jiindal1988]

Hello, In my application I have opened a overlay on click of a button.

I have one cancel button on the toolbar docked top on overlay. On click of that button, overlay gets closed.

Now, I want overlay to be closed automatically on change of orientation, but I am getting error in sencha-touch.js.

Code used for the same is:

new Ext.Panel({
fullscreen: true,
layout: 'fit',
items:Channelgrid,
style : 'z-index: 1000',
monitorOrientation: true,
onOrientationChange: function(){
if(PopUpFlag)
{
overlay.hide();
}
},
....................

I cannot understand the problem.

Is there any way I can achieve this or I can disable orientation change if overlay is opened??

Any help is appreciated.

[mitchellsimoens]

What error are you getting?

[jiindal1988]

f.dom 'undefined' is not an object.

To resolve the same, I have added a condition in sencha-touch.js for f.dom.

for e.g:

if(f.dom)
{
// original code
}

[mitchellsimoens]

That's not really helpful... you need to use sencha-touch-debug.js for development and then in production switch to sencha-touch.js.