1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    10
    Vote Rating
    0
    jonathanbruno89 is on a distinguished road

      0  

    Default 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

  2. 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();

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,408
    Answers
    3549
    Vote Rating
    851
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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
    ________________
    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 in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Dec 2011
    Posts
    10
    Vote Rating
    0
    jonathanbruno89 is on a distinguished road

      0  

    Default 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       
        }
        
    });

Thread Participants: 1