Results 1 to 2 of 2

Thread: Make Window header and sides opaque (i.e. not transparent) ?

  1. #1
    Sencha User
    Join Date
    Mar 2011
    Posts
    1

    Default Make Window header and sides opaque (i.e. not transparent) ?

    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):


    example.png

    Thanks
    Dave

  2. #2
    Ext GWT Premium Member takayser's Avatar
    Join Date
    Oct 2008
    Location
    Lucerne, Switzerland
    Posts
    188

    Default

    Quote Originally Posted by dburdick View Post
    Is there a way other than just modifying the images to make those edges non-transparent?
    no

Similar Threads

  1. Make window go transparent on mouseout
    By Vaevictus in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 17 Sep 2008, 6:22 AM
  2. Can Ext.Window be opaque ?
    By emsttam in forum Ext 2.x: Help & Discussion
    Replies: 5
    Last Post: 30 Jul 2008, 5:45 AM
  3. transparent and opaque dialog
    By [email protected] in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 12 Dec 2007, 9:13 PM
  4. How to make the titlebar of the Window opaque
    By Royan in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 21 Nov 2007, 12:41 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
  •