PDA

View Full Version : Why fix the combo box faded?



psubedi2010
16 Nov 2010, 7:05 AM
Combo box on IE looks faded in middle of drop arrow. Is there a fix for this? See attached. Also, how do we remove line next to the FieldSet title?

plalx
16 Nov 2010, 7:09 AM
This is probably because you incorrectly set-up the path to the s.gif and it failed to get it.
You can set the path like this:


Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif'; //Path to local s.gif

psubedi2010
16 Nov 2010, 7:33 AM
Ok, Also, how do we remove line next to the FieldSet title?

darthwes
16 Nov 2010, 7:37 AM
Remove the container's border?

psubedi2010
16 Nov 2010, 7:46 AM
Update:
Ext.BLANK_IMAGE_URL is setup correctly already to local s.gif; we inspected the page with s.gif.
HttpWatch isn't showing any 404 for s.gif on the page. Other ideas? Please note this is not happening on FireFox; on IE only.

psubedi2010
16 Nov 2010, 7:47 AM
Yes; border; how do we remove it or suppress it?

psubedi2010
16 Nov 2010, 9:07 AM
Update:
Ext.BLANK_IMAGE_URL is setup correctly already to local s.gif; we inspected the page with s.gif.
HttpWatch isn't showing any 404 for s.gif on the page. Other ideas? Please note this is not happening on FireFox; on IE only.

However when I put
Ext.BLANK_IMAGE_URL to local s.gif on top of script tag; that fixed. Thank you!

plalx
16 Nov 2010, 10:20 AM
Yes; border; how do we remove it or suppress it?

Have you tried out border: false ?

psubedi2010
16 Nov 2010, 11:36 AM
Yes, however field set label dosen't render properly. Labels wraps. see attached. We just wanted to remove the line going through the label; not the border on left and right. That's still desired.

plalx
16 Nov 2010, 2:45 PM
That should not have any impacts on structure... can I see the code?

psubedi2010
17 Nov 2010, 6:23 AM
That should not have any impacts on structure... can I see the code?


var searchPanel = new Ext.Container( {
layout: 'hbox',
id: 'card-1',
height: 370,
items: [{
xtype: 'panel',
title: 'Records Search',
header: false,
frame: false,
autoScroll: false,
height: 370,
width: '960',
items: [ validationMessagePanel,
{
xtype: 'form',
title: 'Record Search',
id: 'recordsearchform',
layout: 'hbox',
width: '100%',
height: 250,
hidden: false,
border: false,
disabled: false,
autoScroll: false,
items: [
{
xtype: 'fieldset',
title: 'Optional Information',
height: 400,
width: '30%',
border: false,
layout: 'form',
items: [
{ xtype: 'tbtext',
text: 'Language:',
align: 'left'
},
{
xtype: 'combo',
name: 'languagesCombo',
id: 'languagesCombo',
store: languagesStore,
displayField:'name',
valueField: 'value',
hideLabel: true,
labelWidth: 0,
anchor: '50%',
width: 120,
typeAhead: false,
triggerAction: 'all',
allowBlank: true,
forceSelection: false,
align: 'left'
}
,
{
xtype: 'tbtext',
text: '<br><br>'
},
]
}
]
},
{
xtype: 'container',
autoEl: 'div',
layout: 'hbox',
width: 960,
height: 50,
autoWidth: true,
layoutConfig: {
align: 'middle',
pack: 'start',
padding: 5
},
items: [
{
xtype: 'box',
width: 330
},

{
xtype: 'container',
html: '<a class="whiteBtn" href="#" onClick="javascript:navHandler(-1);"><span>Cancel</span></a>',
flex: 1,
width: 100
},
{
xtype: 'box',
width: 20
},
{
xtype: 'container',
html: '<a class="blueBtn" href="#" onClick="submitSearchForm();"><span>Submit</span></a><br><br>',
flex: 1,
width: 100
}
]

}
]
}
]
});