Find center co-ordinates of browser / Viewport

[akshar_jamgaonkar]

Hello Guys,
Iam displaying a pop-up wiondow, and want it to display always at the center even if i re-size the browser. I have used the .center method , which is not working if i re-size the browser. I want to get X, Y co-ordinates of the browser and to the window x , y property want to set it.

Any help would be appriciated,


Thanks,

[sword-it]

Hi

you can see this link: http://sliceofcake.wordpress.com/200...f-the-browser/

[akshar_jamgaonkar]

Hi i checked the link you gave but the results are not accurate, when i use the code..... could you suggest as to what may be the problem. when i run the code on my monitor i get the x = 347.5 and Y = 576 , but this is not the center co-ordinates....of my monitor

[redraid]

Center method works for me:

var win = Ext.create('Ext.window.Window', {
    title: 'Hello',
    height: 200,
    width: 400,
    layout: 'fit',
    items: {  
        xtype: 'grid',
        border: false,
        columns: [{header: 'World'}],                 
        store: Ext.create('Ext.data.ArrayStore', {}) 
    }
}).show();

Ext.EventManager.onWindowResize(function () {    
    win.center();
});
​

live http://jsfiddle.net/LTv7E/1/

[friend]

Take a look at Ext.EventManager.onWindowResize().

I typically register my Window with the EventManager in the Window's afterrender event, then remove the listener before close. Here's a functional example, where you can substitute the centerMe() function for a globally scoped/shared function for efficiency.

Ext.create('Ext.window.Window', {
  height: 200,
  title: 'Auto-centering Window',
  width: 200,
  centerMe: function() {
    this.center();
  },
  listeners: {
    afterrender: function(component, eOpts) {
      Ext.EventManager.onWindowResize(this.centerMe, component);
    },
    beforeclose: function(component, eOpts) {
      Ext.EventManager.removeResizeListener(this.centerMe, component);
    }
  }
}).show();

[akshar_jamgaonkar]

Hey redraid and friend ... both of your solutions worked.... thanks a lot......