How to develop Custom Dialog(popup) BOX using sencha touch?

[khadarmeeran]

I am new to the sencha development. I have been trying to find, how to develop a custom DIALOG BOX with fields like 2 or 3 TextBoxes and 3 Action Buttons in the same dialog(or) popup window? is there any posibilities using "Overlays" concept ? please provide me sample or link if any ....

thankx
khadar

[mitchellsimoens]

What version of Sencha Touch so I can move this thread to the appropriate forum?

[khadarmeeran]

working on 1.1.1

[khadarmeeran]

Sencha 1.1.1 version

[AndreaCammarata]

That's really simple to achieve.
You should create a new Panel with the following config:

var overlay = new Ext.Panel({
    overlay: true,
	centered: true,
	width: 400,
	height: 400,
	layout: 'fit',
        scroll: 'vertical',
	dockedItems: [
		{
			xtype: 'toolbar',
			dock: 'bottom',
			defaults: {
				ui: 'action'
			},
			items: [
				{
					text: 'Button1'
				},
				{
					text: 'Button2'
				},
				{
					text: 'Button3'
				}
			]
		}
	],
	items: [
		{
			xtype: 'formpanel',
			items: [
				{
					xtype: 'textfield',
					label: 'Field1'
				},
				{
					xtype: 'textfield',
					label: 'Field2'
				},
				{
					xtype: 'textfield',
					label: 'Field3'
				}
			]
		}
	]
});