Jay Roy
asked on
aligning buttons next to combo box
hi experts
I have my code like this:
I want my buttons
Search and Reset to be next to my combo box, but right now they are in two different lines, any idea how i can put it in same line?
thanks
I have my code like this:
Ext.define('app.view.CustomerTab', {
layout : {
type : 'border',
padding : 5
},
defaults : {
split : true
},
extend : 'Ext.panel.Panel',
alias : 'widget.CustomerTab',
id : 'CustomerTab',
margin : '10 10 10 10',
border : true,
items : [{
xtype : 'panel',
width : '35%',
region : 'west',
autoScroll : true,
items : [{
id : 'searchCustomer',
//collapsible : true,
title : 'Search Customer',
//split : true,
margin : '2 2 2 2',
width : '5%',
//height : '5%',
xtype : 'combo',
queryMode : 'local',
fieldLabel : 'customer Name',
forceSelection : true,
displayField : 'fullName',
valueField : 'firstName',
name : 'name',
minChars : 1,
triggerAction : 'all',
store : 'customerName',
loadingText : 'Fetching ..',
labelStyle : 'white-space: nowrap;',
hideTrigger : true,
typeAhead : false
},
{
buttons : [ {
text : 'Search',
action : 'searchcustomerDetails'
}, {
text : 'Reset',
action : 'resetcustomerDetails'
}]
},
{
itemId : 'customerDetailList',
xtype : 'customerDetaillist',
border : true
}
]
},
{
region : 'center',
layout : 'border',
border : true,
items : [{
xtype : 'panel',
border : true,
split : true,
width : '65%',
height : '100%',
region : 'center',
autoScroll : true,
items : [{
itemId : 'productDetaillist',
xtype : 'productDetaillist',
border : true
}],
dockedItems : [{
xtype : 'pagingtoolbar',
store : 'productDetaillist',
dock : 'bottom',
displayInfo : true
}]
}]
}
]
});
I want my buttons
Search and Reset to be next to my combo box, but right now they are in two different lines, any idea how i can put it in same line?
thanks
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER