IPad-like pop in Sencha

Question

I want to create an iPad-like pop version with the Sencha touch login form. How can i do this?

Answer 1

You can try to make a regular Ext.Panel look like a popover

var gkpopover = new Ext.Panel({
id :'gkpopoverpanel',
floating:true,
modal:true,
width:'100px',
height:'100px',                                             });

Note. Never forget to set the height and width.

and show

gkpopover.show('pop');

hope this makes sense.

Answer 2

In sencha touch 2, floating is depreciated. I changed the @geekay code:

        //show info popover?
    var popoverpanel = new Ext.Panel({
        modal:true,
        left:'10%',
        top:'10%',
        width:'80%',
        height:'80%',
        hideOnMaskTap: true,
        html:data.info
    });
    Ext.Viewport.add(popoverpanel);
    popoverpanel.show('pop');

Loans go to him!

Answer 3

As this post points to , sencha has exactly what you need.

Try the following:

new Ext.Panel({
fullscreen : true,
items      : [
    {
        xtype  : 'toolbar',
        docked : 'top',
        items  : [
            {
                text    : 'Open',
                handler : function (button) {
                    var panel = new Ext.Panel({
                        height : 200,
                        width  : 200,
                        html   : 'Hello'
                    });

                    panel.showBy(button, 'tr-bc?');
                }
            }
        ]
    }
]});