CODEWITHSUNDEEP
javascriptextjsextjs4.2
user191542
user191542

Reputation: 285

How can i open popup window in ExtJS with formpanel only

I have the Form panel which constains the form with fields.

Now on click of button , i am opening the window and then adding form as item in window like this

win = new Ext.Window({
    title: 'Add',
    layout: 'fit',
    autoScroll: true,
    y: 120,
    width: 600,
    height: 600,
    modal: true,
    closeAction: 'hide',
    items: [formpanel]
});
win.show();

Now this shows two windows one shows the main window title Add and border and then one more frame of formpanel with title and borders.

Is there any way so that window only conatins form title and border but not windows title and border and background

Its like showuing only formPanle as popup , rather than formpanel inside window

Upvotes: 9

Views: 36916

Answers (3)

Sivakumar
Sivakumar

Reputation: 1487

floating: true automatically fits the form in the center. If not you can use center() method of form.panel.

var myForm = new Ext.form.Panel({
    width: 500,
    height: 400,
    title: 'Form Window',
    floating: true,
    closable : true
});
myForm.show();

Below call will make the form in center.

myForm.center();

Upvotes: 3

Hariharan
Hariharan

Reputation: 3263

Make it as floating and closable config to achieve your task.

closable:true will help you to appear cross button at corner as you require.

var myForm = new Ext.form.Panel({
    width: 500,
    height: 400,
    title: 'Foo',
    floating: true,
    closable : true
});
myForm.show();

I hope this will help.

Upvotes: 12

Evan Trimboli
Evan Trimboli

Reputation: 30082

You can configure your form as floating:

var f = new Ext.form.Panel({
    width: 400,
    height: 400,
    title: 'Foo',
    floating: true
});
f.show();

Fiddle

Upvotes: 2

Related Questions