Window behaves differently

[curiousgally]

I created a sample standalone window with custom edge images etc. But when I implement the same as part of a bigger demo code, its behaviour changes. Find the attached images to see the difference.

The edge-left and edge-right offset which I had mentioned as zero work in the standalone but do show up in the demo piece.

What could be going wrong?

window component specific changes does in load_skin.js file:

if (isc.Window) {
        isc.Window.addProperties({
            // rounded frame edges
            showEdges:true,
            edgeImage: "[SKINIMG]Window/panel.png",
            customEdges:null,
            edgeSize:28,
			edgeTop:30,
			edgeRight:26,
			edgeLeft:26,
			edgeBottom:42,
			edgeOffsetRight:0,
			edgeOffsetLeft:0,
			edgeOffsetBottom:0,
            showHeaderBackground:false, // part of edges
            showHeaderIcon:true,

            // clear backgroundColor and style since corners are rounded
            backgroundColor:null,
			border: null,
            styleName:"normal",
            edgeCenterBackgroundColor:"#FFFFFF",
            bodyColor:"transparent",
            bodyStyle:"windowBody",

            layoutMargin:0,
            membersMargin:0,

            showFooter:false,

            showShadow:false,
            shadowDepth:5
        })

        isc.Window.changeDefaults("headerDefaults", {
            layoutMargin:0,
            height:28
        })
		
		isc.Window.changeDefaults("footerDefaults", {
            layoutMargin:5,
			layoutTopMargin:5,
			layoutBottomMargin:4,
			layoutRightMargin:14,			
			align:"right",
        })
		
        isc.Window.changeDefaults("resizerDefaults", {
            src:"[SKIN]/Window/resizer.png"
        })

        isc.Window.changeDefaults("headerIconDefaults", {
            width:15,
            height:15,
            src:"[SKIN]/Window/headerIcon.png"
        })
        isc.Window.changeDefaults("restoreButtonDefaults", {
             src:"[SKIN]/headerIcons/cascade.png",
             showRollOver:true,
             showDown:false,
             width:15,
             height:15
        })
        isc.Window.changeDefaults("closeButtonDefaults", { 
             src:"[SKIN]/headerIcons/close.png",
             showRollOver:true,
             showDown:false,
             width:15,
             height:15
        })
        isc.Window.changeDefaults("maximizeButtonDefaults", { 
             src:"[SKIN]/headerIcons/maximize.png",
             showRollOver:true,
             width:15,
             height:15
        })
        isc.Window.changeDefaults("minimizeButtonDefaults", { 
             src:"[SKIN]/headerIcons/minimize.png",
             showRollOver:true,
             showDown:false,
             width:15,
             height:15
        })
        isc.Window.changeDefaults("toolbarDefaults", {
            buttonConstructor: "IButton"
        })
        
        if (isc.ColorPicker) {
            isc.ColorPicker.addProperties({
                layoutMargin:0
            })
        }

Thanks.

[curiousgally]

Resolved. The inner content was getting overlayed in the second case.

Thanks.