Results 1 to 5 of 5

Thread: LoadMask exceeds it's panel when partially hidden from scrolling

  1. #1
    Sencha Premium Member louiscooper's Avatar
    Join Date
    Mar 2012
    Location
    Austin, TX
    Posts
    30
    Answers
    1
    Vote Rating
    1
      0  

    Default LoadMask exceeds it's panel when partially hidden from scrolling

    As you can see in the attached image, panels' LoadMasks exceed beyond their panel size. This happens only when the panel is in a scrollable container and the panel is partially hidden. If you can see the whole expanded panel, the LoadMask is fine and fits within the panel.

    Code (stripped to it's skeletal form) :
    Code:
    {
          layout:'column',
          autoScroll: true,
          items:[
              {
                  layout: 'anchor',
                  autoScroll: true,
                  items:[
                      {
                           id:'Network',
                           xtype:'form',
                           collapsible: true,
                           autoScroll:true,
                           loadingMask:null, // starts as null
                           constructor:function (config) {
                                this.setHeight(this.maxHeight);
                                return this.callParent(arguments);
                           },
                           listeners:{                           
                               beforeexpand:function (panel, opts) {
                                    panel.loadingMask = new Ext.LoadMask(panel, {msg:"Loading screen..."});
                                    panel.loadingMask.show();
                               },
                           }
                      }
                  ]
              }
         ]
    }
    Thank you for reading my problem!
    Attached Images Attached Images

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    You are masking a panel whose height is greater than the area that is visible. Sounds like you want to mask the parent panel.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha Premium Member louiscooper's Avatar
    Join Date
    Mar 2012
    Location
    Austin, TX
    Posts
    30
    Answers
    1
    Vote Rating
    1
      0  

    Default

    It seems the mask area should end where the panel's visibility ends. I need the LoadMask on the panel, not the parent. If there is no way to do this, I will file a feature request/bug fix.

  4. #4
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Answers
    3931
    Vote Rating
    1272
      1  

    Default

    The current behavior is proper. If the panel has 400px, then all 400px should be masked. The panel doesn't know what is visibile and what isn't, that's the parent's job.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  5. #5
    Sencha User
    Join Date
    Sep 2011
    Posts
    574
    Answers
    59
    Vote Rating
    74
      0  

    Default

    'Ethernet' maybe configured as scrollable, but then something like accordion layout should be used in 'Network'.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •