View Full Version : Combobox inside a field set

16 Sep 2009, 8:39 AM
I have attached an example of what it looks like. Basically the drop down arrow is not beein fully displayed and is cut off regardless of what I do in the setup of it. However in Internet Explorer 8 it looks fine.

here is a code snippet

var fieldset15 =
,defaults : {bodyStyle:'padding:1px', anchor:'-20'}
,title: 'If Delivery Closed'
,layout : 'column'
,width : '170'

,id : 'ifDeliveryClosedFieldSet'
,defaultType: 'textfield'
,collapsed: false

,items :[{
width : 150
,xtype : 'combo'
,editable : false
,allowBlank : false
,triggerAction: 'all'
,store: [ ["Call me for instructions","Call me for instructions"]
,["Reattempt Once","Reattempt Once"],
,["Return Trip to me","Return Trip to me"]]
,fieldLabel : 'Delivery Closed Instructions'
,name : 'formClosedInstructions'
,id : 'formClosedInstructions'}]

2 Oct 2009, 6:58 AM
Please use CODE tags

var fieldset15 = {
xtype: 'fieldset',
checkboxToggle: false,
defaults: {
bodyStyle: 'padding:1px',
anchor: '-20'
title: 'If Delivery Closed',
layout: 'column',
width: '170',
id: 'ifDeliveryClosedFieldSet',
defaultType: 'textfield',
collapsed: false,
items: [{
width: 150,
xtype: 'combo',
editable: false,
allowBlank: false,
triggerAction: 'all',
store: [["Call me for instructions", "Call me for instructions"], ["Reattempt Once", "Reattempt Once"], , ["Return Trip to me", "Return Trip to me"]],
fieldLabel: 'Delivery Closed Instructions',
name: 'formClosedInstructions',
id: 'formClosedInstructions'

2 Oct 2009, 6:58 AM
Your problem is you're not letting the Fieldset automatically size the combo! set the fieldset's layout to 'anchor', and set the combo's anchor property to '100%'