-
15 Feb 2012 8:25 AM #1
Answered: Sencha touch Beta 3 Floating panel not closing
Answered: Sencha touch Beta 3 Floating panel not closing
Hi all, I updated to Beta 3 but now all my floating panels cannot get closed, is there a change in the modal property?
Thanks
-
Best Answer Posted by mitchellsimoens
This is hiding when I tap on the mask using beta3:
Code:var panel = new Ext.Panel({ centered : true, width : 200, height : 200, modal : true, hideOnMaskTap : true }); Ext.Viewport.add(panel); panel.show();
-
15 Feb 2012 8:58 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,624
- Vote Rating
- 434
- Answers
- 3105
This is hiding when I tap on the mask using beta3:
Code:var panel = new Ext.Panel({ centered : true, width : 200, height : 200, modal : true, hideOnMaskTap : true }); Ext.Viewport.add(panel); panel.show();Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Forum Manager
________________
http://www.JSONPLint.com - Source to lint your JSONP!
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
https://github.com/mitchellsimoens
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services services@sencha.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is almost in print!
When posting code, please use BBCode's CODE tags.
-
15 Feb 2012 4:25 PM #3
Solved with hideOnMaskTap property
Solved with hideOnMaskTap property
Thanks the only difference is that now I have to add hideOnMaskTap property just like your sample.

Working in Beta 2 (Without hideOnMaskTap)
Code:Ext.define('Myapp.view.tablet.AbstractContainer', { extend: 'Ext.Panel', config: { centered: true, id: 'AbstractWidgetCont', modal:true, floating: true, height: "70%" , width: "68%" , cls: 'widgetContainer', style: 'margin-left: -25%', layout: 'fit' } });
Now I had to add hideOnMaskTap in Beta 3
Code:Ext.define('Myapp.view.tablet.AbstractContainer', { extend: 'Ext.Panel', config: { centered: true, id: 'AbstractWidgetCont', modal:true, floating: true, height: "70%" , width: "68%" , cls: 'widgetContainer', style: 'margin-left: -25%', layout: 'fit', hideOnMaskTap : true } });


Reply With Quote