PDA

View Full Version : How can we create overlays using ext js 4.2.2?



rakesh.h
14 May 2014, 1:21 AM
Hi, can any one please tell me how to create overlays using ext js 4.2.2. ?
49005
On click of ">>" i have to get overlay form as shown in image.
Please help me.

evant
14 May 2014, 1:27 AM
Ext.onReady(function() {

new Ext.button.Button({
text: 'Click me',
renderTo: document.body,
handler: function(btn) {
var form = new Ext.form.Panel({
floating: true,
width: 300,
height: 200,
title: 'Foo',
bodyPadding: 10,
items: {
xtype: 'textfield'
}
});
form.showBy(btn, 'tl-tr');
},
margin: 50
});
});

rakesh.h
14 May 2014, 2:49 AM
Thanks for the quick reply.
The code which you posted works, but how can we hide the form if we click outside the popup form