PDA

View Full Version : FormPanel and Shadow problem



aw1zard2
23 Sep 2009, 11:35 AM
I'm not sure if this is a bug or just something I'm doing stupid but I seem to be getting 2 shadows even though I only want 1. Below is code and pic with arrow pointing to 2nd unwanted shadow.


<html>

<head>
<link rel="stylesheet" type="text/css" href="ext3/resources/css/ext-all.css"
/>
<script type="text/javascript" src="ext3/adapter/ext/ext-base.js">
</script>
<script type="text/javascript" src="ext3/ext-all-debug.js">
</script>
<script type="text/javascript" src="ext3/examples/shared/examples.js">
</script>
<script type="text/javascript">
Ext.onReady(function() {
var simple = new Ext.FormPanel({
labelWidth: 75,
// label settings here cascade unless overridden
url: 'submit-form.php',
frame: true,
floating: true,
shadow: 'none',
x: 10,
y: 100,
title: 'Simple Form',
bodyStyle: 'padding:5px 5px 0',
width: 350,
defaults: {
width: 230
},
defaultType: 'textfield',

items: [{
fieldLabel: 'First Name',
name: 'first',
allowBlank: false
},
{
fieldLabel: 'Last Name',
name: 'last'
},
{
fieldLabel: 'Company',
name: 'company'
},
{
fieldLabel: 'Email',
name: 'email',
vtype: 'email'
}],

buttons: [{
text: 'Save'
},
{
text: 'Cancel'
}]

});
simple.render(document.body);
var shadow = new Ext.Shadow({
mode: 'drop',
offset: 7
});

shadow.setZIndex(10999);
shadow.show(simple.el.dom);
});
</script>
</head>

<body>
</body>

</html>Any help would be much appreciated.

Thanks

aw1zard2
23 Sep 2009, 11:54 AM
LOL OK Fixed it I needed shadow:false not shadow:'none'

I'm just gonna go back to my hole now and laugh this off...

:))