Hi,

How to make Horizantal alignment for text,combo box in form panel inside the window:

I have made changes

Ext.onReady(function(){


var button = Ext.get('show-btn');

button.on('click', function(){

var gSimple = new Ext.Panel({
title: 'Technical',
width: 600,
height: 250,
renderTo: document.body,
bodyStyle: 'padding:10px',
items : [
{
x: 5,
y: 10,
xtype :'label',
text :'Script Name: '
},

{
x: 30,
y: 10,
xtype :'combo',
name :'symbolId',
id :'symbolId',
typeAhead : false,
minChars :2,
editable :true,
pageSize :10,
hideTrigger :true
},

{
x: 50,
y: 10,
xtype :'combo',
name :'exchange',
id :'exchange',
displayField :'bcexchange',
typeAhead :true,
width : 140,
mode :'local',
value :'Select Exchange',
triggerAction :'all',
emptyText :'Select Exchange..',
store : [ [ '1', 'First' ],
[ '2', 'Last' ]]

}]


});

var win = new Ext.Window({
title: 'window',
width:1340,
height:350,
plain: true,
closable:true,
items: [gSimple]
});

win.show(this);
});
});


I am getting combobox's vertically but i need horizantally

What i have to change it here