Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 147
  • Last Modified:

aligning buttons next to combo box

hi experts
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
							}]
				}]
	}

	]
});

Open in new window


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
0
royjayd
Asked:
royjayd
1 Solution
 
MontoyaProcess Improvement MgrCommented:
If this is going in html page, use CSS to position the buttons. Are you trying to do it strictly through javascript?
0
 
royjaydAuthor Commented:
yeah , i was doing through javascript.
0

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

Tackle projects and never again get stuck behind a technical roadblock.
Join Now