Results 1 to 2 of 2

Thread: LoadMask and screen resolution

  1. #1
    Sencha User
    Join Date
    Sep 2008
    Posts
    46

    Default LoadMask and screen resolution

    Hello,

    I have a page built using Ext components and on page submit I am using a LoadMask to mask the entire page. The page is masked properly as long as my screen resolution does not have any vertical scroll. However, if I change the resolution of my screen such that my page gets a vertical scroll, the LoadMask only masks the height of the page equal to one screen. How can I fix this?

    Some snippets from my code -

    Code:
     
    var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});
     
    var grid = new Ext.grid.EditorGridPanel({
       id:'g1',
       store: store,
       cm: colModel,
       width:1200,
       layout:'fit',
       height:700,
       clicksToEdit:'2' ,
       iconCls:'2',
       stripeRows:true,
       loadMask:true,
       buttons: [{ 
        text: 'Save', 
        id: 'saveBtn',
        handler: function() {
           myMask.show();
           setTimeout(submitData,100); 
       } 
      }]
    });
    Any help will be greatly appreciated.

    Thanks

  2. #2

    Default

    you can got the page's height and then set the loadmask's height...

Posting Permissions

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