View Full Version : FormPanel and Shadow problem

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.


<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 type="text/javascript" src="ext3/ext-all-debug.js">
<script type="text/javascript" src="ext3/examples/shared/examples.js">
<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'

var shadow = new Ext.Shadow({
mode: 'drop',
offset: 7



</html>Any help would be much appreciated.


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...