Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    23
    Vote Rating
    1
    Just-Boris is on a distinguished road

      0  

    Default Custom mask is shown above Window

    Custom mask is shown above Window


    Ext version: 4.1.1

    Code to reproduce:
    PHP Code:
              var panel = new Ext.panel.Panel({  
                 
    renderTo document.body,
                 
    width    400,
                  
    height   400,
                  
    title    'Test'
              
    }); 
             var 
    window = new Ext.window.Window({
                  
    width    200,
                  
    height   200,
                  
    title    'Window',
                  
    autoShow true,
                  
    items    : [ {
                          
    xtype   'button',
                          
    text    'mask',
                          
    handler : function() { 
                           
    panel.getEl().mask('Mask Text');
                          } 
                    }]
              }); 
    Note I want to set custom text for mask using mask() method of element
    If I use panel.setLoading(true), mask is shown under window, but in this case I can't set custom text for mask

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,197
    Vote Rating
    482
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    I do not see this behavior: (tested with 4.1.1)

    f242530.png

    Scott

  3. #3
    Sencha User
    Join Date
    Oct 2011
    Posts
    23
    Vote Rating
    1
    Just-Boris is on a distinguished road

      0  

    Default


    If to move a window above, mask text overlaps the window
    2012-09-14_1102.png

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,197
    Vote Rating
    482
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Please try the following instead:

    Code:
    Ext.onReady(function() {
    
    	var panel = new Ext.panel.Panel({
    		renderTo: document.body,
    		width: 400,
    		height: 400,
    		title: 'Test'
    	});
    
    	var window = new Ext.window.Window({
    		width: 200,
    		height: 200,
    		title: 'Window',
    		autoShow: true,
    		items: [{
    			xtype: 'button',
    			text: 'mask',
    			handler: function() {
    				panel.setLoading('Mask Text'); // to obey zindex
    			}
    		}]
    	});
    });
    Scott.

  5. #5
    Sencha User
    Join Date
    Oct 2011
    Posts
    23
    Vote Rating
    1
    Just-Boris is on a distinguished road

      0  

    Default


    That works fine, thanks

Thread Participants: 1

Tags for this Thread