PDA

View Full Version : Make Window header and sides opaque (i.e. not transparent) ?



dburdick
18 Mar 2011, 3:07 PM
Hi-

I'm trying to make a Window that contains a ContentPanel and is shown in modal form to NOT have a transparent header, sides and footer. From what I can tell, this transparency is caused by the images themselves actually being transparent: /resources/images/gray/window/right-corners.png, ../images/gray/panel/top-bottom.gif, etc.

I've tried setting the background to white on styles like x-panel-tc, x-panel-tl, x-panel-tr (etc). The problem with that is that the rounded corners in x-panel-tr & x-panel-tl are not rounded as the background of the whole box is white.

Is there a way other than just modifying the images to make those edges non-transparent?

some code bits:
.x-panel-tc {
background-color: #fff;
background-image:url(../images/gray/panel/top-bottom.gif);
}
.x-panel-tl {
background-color: #fff;
background-image:url(../images/gray/panel/corners-sprite.gif);
border-color:#d0d0d0;
}
.x-panel-tr {
background-color: #fff;
background-image:url(../images/gray/panel/corners-sprite.gif);
}

Example of close to what I'm looking for (minus the boxy white corner):

http://www.sencha.com/forum/attachment.php?attachmentid=25237&d=1300489586
25237

Thanks
Dave

takayser
28 Mar 2011, 2:20 AM
Is there a way other than just modifying the images to make those edges non-transparent?


no