Results 1 to 2 of 2

Thread: Shadow size configuration

  1. #1

    Default Shadow size configuration

    I have changed the size of the shadow that appears behind a window. The default shadow is 6px and my new shadow is 28px. I have updated the shadow images and changed the dimensions in all the appropriate places in the CSS. However, the width/height of the 'x-shadow' container gets set in the javascript somewhere (it is set inline on the x-shadow div) and it uses the old size of the shadow for the calculation.

    (I can go into firebug and change the inline width/height values to the appropriate values for my new shadow size and it appears correctly as soon as I change those values.)

    Can someone tell me where I can change that value (from 6 to 28) so that the width/height gets calculated correctly?

    I thought I found the spot in 'Shadow.js' where it gets calculated ('sw-12' in the code below), but changing that didn't seem to fix it. I was hoping this would just be a public property I could set. Please help...

        realign : function(l, t, w, h){
            var a = this.adjusts, d = this.el.dom, s =;
            var iea = 0;
            s.left = (l+a.l)+"px";
   = (t+a.t)+"px";
            var sw = (w+a.w), sh = (h+a.h), sws = sw +"px", shs = sh + "px";
            if(s.width != sws || s.height != shs){
                s.width = sws;
                s.height = shs;
                    var cn = d.childNodes;
                    var sww = Math.max(0, (sw-12))+"px";
                    cn[0].childNodes[1].style.width = sww;
                    cn[1].childNodes[1].style.width = sww;
                    cn[2].childNodes[1].style.width = sww;
                    cn[1].style.height = Math.max(0, (sh-12))+"px";

  2. #2
    Sencha User laurentParis's Avatar
    Join Date
    Aug 2010


    I'm not sure, but do you know that Shadow.js is only on src folder, is never load on you web page !
    if you want to make modification, edit ext-all-debug.js and verify on your html page that you include ext-all-debug.js intead of ext-all.js
    But good practice, is to extend object

Similar Threads

  1. [OPEN-988] Shadow on drag proxy not correct size
    By mrusinak in forum Ext 3.x: Bugs
    Replies: 1
    Last Post: 21 May 2010, 12:22 PM
  2. Replies: 0
    Last Post: 20 Apr 2010, 12:43 PM
  3. Replies: 10
    Last Post: 10 May 2009, 8:22 AM
  4. [2.0rc1] Window shadow has an incorrect size
    By ruxproject in forum Ext 2.x: Bugs
    Replies: 1
    Last Post: 21 Nov 2007, 1:18 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts