popup window not appearing in the center of page

[manoveg]

Hi,

I have a popup window as described below. This window is not appearing on the center of page when I try to open it on a button click.

code for button click

myapp.views.appEmpfehlenPopup.showBy(btn);

and appEmpfehlenPopup.js

myapp.views.appEmpfehlenPopup = new Ext.Panel({
     floating: true,
     centered: true,
     modal: true,
     width: 500,
     height: 200,
     border:0,
     styleHtmlContent: true,
     items:[
     {   xtype:'box',
         html:loadURL('app/views/facebookbutton.html')
                 },
        { 
         html:loadURL('app/views/twitter.html')
        }
        
       ],
     dockedItems: [{
       xtype: 'toolbar',
       cls:'welcometoolbar',
         title: 'Weitersagen über:',
          items: []
            }]
          });

[mitchellsimoens]

You are showing it via the showBy method which will align it to what you pass it. To show it centered, have centered : true and just use show()

[manoveg]

Thanks that worked!