View Full Version : select field dropdown list width

27 Jul 2011, 12:48 PM
As I add records to the store that my selectfield is bound to, i get alot of ellipsizing for the records in the selectfield dropdown list. Is there a way to set the width of the dropdown?

thanks for any suggestions

28 Jul 2011, 9:58 AM
Maybe override this code to change the width? It would just change all the dropdown lists to that width.

getListPanel: function() {
if (!this.listPanel) {
this.listPanel = new Ext.Panel({
floating : true,
stopMaskTapEvent : false,
hideOnMaskTap : true,
cls : 'x-select-overlay',
scroll : 'vertical',
items: {
xtype: 'list',
store: this.store,
itemId: 'list',
scroll: false,
itemTpl : [
'<span class="x-list-label">{' + this.displayField + '}</span>',
'<span class="x-list-selected"></span>'
listeners: {
select : this.onListSelect,
scope : this

return this.listPanel;
I just don't want to promote overriding default code.
There may be other workarounds but this is all I know.