Solved

aligning buttons next to combo box

Posted on 2014-09-04
2
130 Views
Last Modified: 2014-09-17
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
Comment
Question by:royjayd
2 Comments
 
LVL 19

Accepted Solution

by:
Montoya earned 500 total points
ID: 40304512
If this is going in html page, use CSS to position the buttons. Are you trying to do it strictly through javascript?
0
 

Author Comment

by:royjayd
ID: 40304874
yeah , i was doing through javascript.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now