Textarea ...  background-color:transparent   causing problem in IE7

hello;
when I use <textarea style="background-color:transparent " > IE7 does not accept input ... other browsers work fine;
is there a way to get a transparent background for a textarea such that the textarea functions correctly in IE7 ( I haven't tested it in IE8 )?
thanks,
Shannon

What happens if you remove the background tag altogether?
I do this with my overflow css for text boxes and it leaves them transparent (as in: showing the page background) in Firefox, Safari Opera and IE 5, 6, 7 and 8.

Similar Messages

  • Make List background color transparent

    hello all,
    i want to make my list background color transparent.
    this is my code:-
    import mx.styles.CSSStyleDeclaration;
    _global.styles.List = new CSSStyleDeclaration();
    _global.styles.List.setStyle("backgroundColor",
    "transparent")
    it is working fine but after using this code listbox
    selection listener stop working.Is there any other way to make list
    background transparent?
    thanks in advance

    I was having the same problem with a Tree Component. Just
    yesterday I found some code to let me do this. Where
    tabs.menuContent is the path to my Tree, or your List
    var mc = tabs.menuContent;
    _global.styles.ScrollSelectList.backgroundColor = undefined;
    mx.controls.listclasses.SelectableRow.prototype.drawRowFill
    = function(mc:MovieClip, newClr:Number):Void {
    mc.clear();
    if (newClr == undefined) {
    mc.beginFill(0xABCDEF, 0);
    } else {
    mc.beginFill(newClr);
    mc.drawRect(1, 0, this.__width, this.__height);
    mc.endFill();
    mc._width = this.__width;
    mc._height = this.__height;
    tabs.menuContent.border_mc._alpha = 0;

  • Background-color:transparent !important; is not working in IE

    Hi,
    In my sharepoint site i have used "background-color:transparent !important;" css. It is not working in IE but in Mozilla is working fine.
    And I am using IE 11. Please let me know is there any thing wrong in the syntax. If that is the case please provide me correct solution for that.
    Any help would be greatly appreciated. 
    Regards,
    Saya 

    Thank you for your reply.
    I have checked given links. Those are not use for this issue.
    Actually in my sharepoint site the same code "background-color:transparent
    !important;" was working fine before installing sharepoint 2010 service pack 2. After installation we got this issue. And if i change "transparent"
    with any color, it is applying that color. Only "transparent"
    background css is not working in IE.

  • Applet-Panel, background color and size problem

    I am writing an applet with simple form.
    Form is having 3 rows and 2 cols (label and textfield). Each row I want to display in different color. So I created each row with 2 separate panel (one for label and one for text field - of which I set the backgroung color).
    The total form is in one panel with grid layout (2 colmns).
    My problems are
    1)The space between label and text field (col width) can not be resized. I tried to use setSize but not giving any effect.
    2)Another problem is when I am seting the background color, the textfield is also changing the color (textfield I want to white color only). This does not have any effect on Choice
    3)The first label I wanted to use simple break but could not. I tried \n\t, \n, chr(13) + chr(10) etc but not getting any result so created separate panel.
    My code goes here:
    import java.awt.*;
    import java.applet.*;
    import java.awt.event.*;
    public class test1 extends Applet{
    protected TextField refnoTextField=null, payerTextField=null, amtTextField=null;
    protected Choice typeChoice;
    public void init() {
         /* The mainPanel layouts components with BorderLayout manager
              which will hold form and button panel */
         Panel mainPanel = new Panel(new BorderLayout());
         Panel taxformPanel=new Panel(new GridLayout(3,2));
         Label l;
         //panel for tax ref no label
         Panel refnoLabelMainPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
    //here wanted to use simple line break but \n\t does not seems to work not even chr (10), chr(13)
    //so created separate panel (Payment Voucher Or \n\t Reference no.
         Panel refnoLabelPanel = new Panel(new GridLayout(2,1));
         l = new Label("Payment Voucher Or");
    l.setFont(new Font("Helvetica", Font.BOLD,10));
         refnoLabelPanel.add (l);
         l = new Label("Tax Reference No:");
    l.setFont(new Font("Helvetica", Font.BOLD,10));
         refnoLabelPanel.add (l);
         refnoLabelMainPanel.add(refnoLabelPanel);
         refnoLabelMainPanel.setBackground(Color.blue);
         //panel for tax ref no text field
         Panel refnoTextFieldPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
         refnoTextField = new TextField(20);
         refnoTextFieldPanel.add(refnoTextField);
         refnoTextFieldPanel.setBackground(Color.blue);
         //panel for tax type label
         Panel typeLabelPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
         l = new Label("Tax Type:");
    l.setFont(new Font("Helvetica", Font.BOLD,10));
         typeLabelPanel.add (l);
         typeLabelPanel.setBackground(Color.yellow);
         //panel for tax type choice
         Panel typeChoicePanel = new Panel(new FlowLayout(FlowLayout.LEFT));
         typeChoice = new Choice();
         typeChoice.add("Personal Tax");
         typeChoice.add("Income Tax");
         typeChoicePanel.add(typeChoice);
         typeChoicePanel.setBackground(Color.yellow);     
         //panel for tax payers name label
         Panel payerLabelPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
         l = new Label("Tax Payer's Name:");
    l.setFont(new Font("Helvetica", Font.BOLD,10));
         payerLabelPanel.add (l);
         payerLabelPanel.setBackground(Color.blue);
         //panel for tax payer field
         Panel payerTextFieldMainPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
         Panel payerTextFieldPanel = new Panel(new GridLayout(2,1));
         payerTextField = new TextField(20);
         payerTextFieldPanel.add(payerTextField);
         l = new Label(" (as per NRIC or Passport)");
    l.setFont(new Font("Helvetica", Font.BOLD,8));
         payerTextFieldPanel.add (l);
         payerTextFieldMainPanel.add(payerTextFieldPanel);
         payerTextFieldMainPanel.setBackground(Color.blue);
         taxformPanel.add(refnoLabelMainPanel);
         taxformPanel.add(refnoTextFieldPanel);
         taxformPanel.add(typeLabelPanel);
         taxformPanel.add(typeChoicePanel);
         taxformPanel.add(payerLabelPanel);
         taxformPanel.add(payerTextFieldMainPanel);
         /* buttonPanel to hold all buttons */
         Panel buttonPanel = new Panel();
         buttonPanel.setLayout(new FlowLayout(FlowLayout.CENTER));
         Button continueButton = new Button("Continue");
         continueButton.addActionListener(new ActionListener() {
              public void actionPerformed(ActionEvent e) {
                        continueButtonAction();
         Button clearButton = new Button("Clear");
         clearButton.addActionListener(new ActionListener()     {
              public void actionPerformed(ActionEvent e)     {
                   clearButtonAction();
         Button cancelButton = new Button("Cancel");
         cancelButton.addActionListener(new ActionListener()     {
              public void actionPerformed(ActionEvent e)     {
                   cancelButtonAction();
         buttonPanel.add(continueButton);
         buttonPanel.add(clearButton);
         buttonPanel.add(cancelButton);
         mainPanel.add("Center", taxformPanel);
         mainPanel.add("South", buttonPanel);
         add(mainPanel);
    } // public void init()     
    public void continueButtonAction() {
         MessageDialog d=new MessageDialog("Confirm","Continue? ",true, 430, 150);
         System.out.println ("Continue Button Pressed");
    }//continueButtonAction
    public void clearButtonAction()     {
         System.out.println ("Reset Button Pressed");
    }//clearButtonAction
    public void cancelButtonAction()     {
         MessageDialog d=new MessageDialog("Confirm","Cancel Button ? ",true, 430, 150);
         System.out.println ("Cancel Button Pressed");
    } // cancelButtonAction
    } // TaxPaymentApplet3
    Please help,
    manisha

    I do not want to go into detail, but there are some hints you can follow.
    I am talking about AWT, not swing, you should decide which one you will use and don't mix the two of them.
    If you want to run your applet in current browsers without requiring the java plugin, you should be aware, that most browsers support old versions of java and many convenient methods and classes are missing :-(
    So
    You can change the size of a label by putting it in a panel ( labelPanel ), whose layout is set to FlowLayout. Then you put in labelPanel another empty panel ( emptyPanel ), whose layout is set to null, and you set the width of the empty panel to whatever you want ( this is the gap between the label and the next component ), an the height to the least nonsero number possible, i.e. 1. Well, you can add to the labelPanel more components, if you wish. So, when you want a gap, use an empty panel with a fixed size.
    You cannot use line break in a label. You should place more labels in a panel instead. I am not sure if the direction of FlowLayout can be set to vertical, but very probably it can. If so, that is your solution. If not - see what other layout managers you have available, but make sure your choice belongs to java.awt ! BorderLayout allows you to use up to three labels (=> 3 lines). And if nothing fits your needs, ... write a layout manager.
    Well, hope I could help.

  • Background color and float problems

    Hello all,
    I am having a problem with the background color and the left
    float for a navigation sidebar (also with the background color for
    the footer). The body color is set to gray, and the main page is
    centered with a white background. I set up the pages using mostly
    CSS, with a few tables where they seemed necessary. I set up the
    navigation side bar as a div with a green background and a left
    float. The footer is set up as a div with a green background. All
    text is aligned left.
    When I preview in Safari, everything looks as expected.
    In Firefox and IE5: The background color of the navigation
    sidebar has white showing up behind the type that are not links
    (e.g., mailing address and subheads). The div does not float all
    the way to the left edge of the page. The background color of the
    footer should be green but shows up as white. I validated the code
    in DW, and it reports no problems (at least, it checked out after I
    made a few corrections).
    I am not that concerned about the background color for the
    footer -- it is either all there (in Safari) or not there at all
    (in Firefox and IE). But I would like to see if I can make it show
    up. For the navigation sidebar, would putting it in a table cell
    make it work correctly in Firefox and IE?
    Regarding the left float issue for the nav sidebar IE5: At
    the top of the page, my logo banner (it's placed in a div) shifted
    to the right (in IE only). When I added a left float to the banner,
    the banner lines up fine with the rest of the page, but a white
    margin appears along the left side of the entire page.
    None of my pages are uploaded to a web host yet. This is my
    first website. I am working in DW8 on a Mac.
    Thanks in advance,
    Kathy (Daylilybud)

    Mista,
    Here is my home page based on the template I sent previously.
    Thanks in advance!
    Kathy (Daylilybud)
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    <title>Loon Song Gardens: Home Page</title>
    <link href="externalcss/informationcss.css"
    rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    a {
    font-weight: bold;
    -->
    </style></head>
    <body>
    <div id="container">
    <div id="banner"><a name="topofpage"
    id="topofpage"></a><img
    src="graphics/thumbnailsheader/lsgheadergraphic_760x110.jpg" alt=""
    width="760" height="110" />
    <div id="heading"><img
    src="graphics/thumbnailsheader/hotcolorstrip760.jpg" alt=""
    width="760" height="76" /></div>
    <div id="navsidebar">
    <p class="navsidebarnormal">Loon Song Gardens,
    LLC<br />
    10910 109th Ave N<br />
    Champlin MN 55316<br />
    763.422.0015</p>
    <ul class="ulnavsidebar">
    <li class="ulnavsidebarli"><a
    href="../donotuse/indextest4.html">Homepage</a></li>
    <li class="ulnavsidebarli"><a
    href="about_loonsonggardens/aboutus.html">About
    Us</a></li>
    <li class="ulnavsidebarli"><a
    href="about_loonsonggardens/our_daylilies/aboutourintroductions.html">Our
    Introductions</a></li>
    <li class="ulnavsidebarli">Seedlings</li>
    <li class="ulnavsidebarli">Photo Gallery</li>
    <li class="ulnavsidebarli"><a
    href="pricelist2008/pricelist2008ab2.html">2008 Price
    List</a></li>
    <li class="ulnavsidebarli"><a
    href="pricelist2008/lsgorderform2008website.pdf">Order Form
    (PDF)</a></li>
    <li class="ulnavsidebarli"><a
    href="about_loonsonggardens/shippingandterms.html">Shipping and
    Terms</a></li>
    <li class="ulnavsidebarli"><a
    href="about_loonsonggardens/visitus.html">Visit
    Us</a></li>
    <li class="ulnavsidebarli"><a
    href="mailto:[email protected]">Email Us
    </a></li>
    </ul>
    <p> <span class="navsubheadbold">ABOUT
    DAYLILIES</span> </p>
    <ul class="ulnavsidebar">
    <li class="ulnavsidebarli"><a
    href="about_daylilies/howtoplant.html"
    class="ulnavsidebarli">How to Plant</a></li>
    <li class="ulnavsidebarli"><a
    href="about_daylilies/growingtips.html"
    class="ulnavsidebarli">Growing Tips</a></li>
    <li class="ulnavsidebarli"><a
    href="about_daylilies/howtodivideadaylily.html"
    class="ulnavsidebarli">How to Divide</a></li>
    <li class="ulnavsidebarli"><a
    href="about_daylilies/moreaboutdaylilies.html"
    class="ulnavsidebarli">More About Daylilies</a></li>
    </ul>
    <p> <span class="navsubheadbold">OTHER
    LINKS</span> </p>
    <ul class="ulnavsidebar">
    <li class="ulnavsidebarli"><a href="
    http://www.daylilies.org"
    class="ulnavsidebarli">American Hemerocallis <br />
    Society (AHS)</a></li>
    <li class="ulnavsidebarli"><a href="
    http://www.daylilies.org/ENews.html"
    class="ulnavsidebarli">AHS Daylily E-News <br />
    (FREE SUBSCRIPTION) </a></li>
    </ul>
    </div>
    <div id ="content">
    <h1>Welcome to Loon Song Gardens! </h1>
    <ul>
    <li class="contentli">We specialize in northern-hardy
    daylilies (<em>Hemerocallis</em>).</li>
    <li class="contentli">Our daylilies are field
    grown.</li>
    <li class="contentli">We offer competitive
    prices.</li>
    <li class="contentli">Loon Song Gardens, LLC, is a
    licensed and inspected nursery.</li>
    <li class="contentli">We are an American Hemerocallis
    Society Display Garden. </li>
    <li class="contentli">Visitors are welcome by
    appointment.</li>
    </ul>
    <p>Loon Song Gardens is a specialty daylily nursery
    and the home of Mike and Kathy Lamb in Champlin, Minnesota, USDA
    hardiness zone 4. We grow over 1,000 named daylily cultivars in a
    wide range of colors, sizes, and forms, from classics to cutting
    edge. If you are looking for northern-hardy daylilies, check with
    us! We will gladly share our growing experiences with you so you
    may have the best possible success.Kathy hybridizes daylilies and
    has introduced four daylily cultivars to date. For details, see
    <a
    href="about_daylilies/about_loonsonggardens/our_daylilies/ourintroductionsmain.html">Our
    Introductions </a> and <a
    href="about_daylilies/about_loonsonggardens/our_daylilies/seedlingsandfutures.html">Seedl ings.</a></p>
    <h2>Are you new to the world of daylilies? </h2>
    <p>Learn more about daylilies! Use the links in the
    left sidebar to find answers to your questions. Check back for
    updates. If you have questions, send us an email, and we will try
    to help.</p>
    <h2>To place your order</h2>
    <p class="contentp">Use our on-line <a
    href="about_daylilies/pricelist2008/pricelist2008v215ab.htm">2008
    Price List </a> to make your selections. We are a small
    nursery and quantities are limited, so it is best to confirm your
    order via email.</p>
    <p class="contentp">To place your order, print the
    <a
    href="about_daylilies/pricelist2008/lsgorderform2008website.pdf">Order
    Form (PDF)</a>, fill it in, enclose payment by check or money
    order (payable to Loon Song Gardens, LLC), and mail to:</p>
    <blockquote>
    <p class="contentp"> Loon Song Gardens<br />
    10910 109th Ave N <br />
    Champlin MN 55316</p>
    </blockquote>
    <p>We ship at least a double-fan size plant unless
    otherwise noted in our listings, we include a bonus for orders of
    at least $35, and we guarantee that our plants are true to
    name.</p>
    <h2>Visit Loon Song Gardens</h2>
    <p>Loon Song Gardens is an official American
    Hemerocallis Society (AHS) Daylily Display Garden, open by
    appointment. If you will be in the Minneapolis area and would like
    to stop by, please contact us to schedule a time. For details,
    click on <a
    href="about_daylilies/about_loonsonggardens/visitloonsonggardens.html">Visit
    Us</a>. </p>
    <h2>Join the American Hemerocallis Society
    (AHS)</h2>
    <p>The AHS website includes lots of great daylily
    information, so be sure to take a look. </p>
    <p>Join AHS today and take advantage of the voucher
    program! New AHS members receive a voucher good for at least $25.00
    toward daylilies from participating vendors (a minimum purchase may
    apply). To join AHS, go directly to <a href="
    http://www.daylilies.org/AHSmemb.html">AHS
    Membership</a>.</p>
    <p>Kathy is currently on the AHS Board of Directors as
    Chair of Publicity and Media Relations. She produces <em>AHS
    Daylily E-News,</em> an e-newsletter free for AHS members and
    non-members alike. To subscribe, click on <a href="
    http://www.daylilies.org/ENews.html">AHS
    Daylily E-News</a>. </p>
    </div>
    <div id="topofpage"><a href="#topofpage">Top of
    Page</a></div>
    </div>
    <div id="footer"><!-- #BeginLibraryItem
    "/Library/footer1.lbi" -->
    <p class="footer">&copy; 2008 Loon Song Gardens,
    LLC. All rights reserved. | Loon Song Gardens, LLC | 10910 109th
    Avenue North | Champlin MN 55316<br />
    <a href="mailto:[email protected]">Email
    us</a>| | 763.422.0015 | Fax 763.422.0131 | This page was
    last updated
    <!-- #BeginDate format:Am1 -->March 30, 2008<!--
    #EndDate -->
    </p>
    <!-- #EndLibraryItem --></div>
    </div>
    </body>
    </html>

  • Background color transparency?

    Am I correct that at this time with CSS it is not possible to
    assign degrees or % of transparency after you have selected a bkgd
    color? It either has a color with no transparency or it is
    completely transparent, right?
    JAY

    see the following two article/tutorials. They will tell you
    everything you
    need to know on CSS opacity, and how to implement it in
    current browsers.
    http://www.domedia.org/oveklykken/css-transparency.php
    http://www.mandarindesign.com/opacity.html
    Jeff
    "LumberBisquit" <[email protected]> wrote in
    message
    news:fmlf05$sue$[email protected]..
    > Am I correct that at this time with CSS it is not
    possible to assign
    > degrees or
    > % of transparency after you have selected a bkgd color?
    It either has a
    > color
    > with no transparency or it is completely transparent,
    right?
    >
    > JAY
    >

  • Transparent spry menu that has a background color on sub menus and a few other problems(Please Help)

    Hi im a noob at dream weaver and i've been trying to create a menu and i have been having problems with this menu bar i don't know what to upload and i have made a topic about this before but i only got one reply and so i am trying to make my menu bar transparent and then the sub menu's colored with the color code #1A1A1A and the menu bars that have been color background are only the sub sub menu bars if you know what i mean and also my other problem is the spacing i have between each option is really uneven is there a way to make them evenly sperated apart from each other rather than just the size of a "box" that the text is in. Here is my SpryMenuBarHorizontal.css code
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
              margin: 0 auto;
              padding: 0;
              list-style-type: none;
              font-size: small;
              cursor: default;
              width: 100em;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
              z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 18px;
              position: relative;
              text-align: left;
              cursor: pointer;
              width: 10.8em;
              float: left;
              visibility: visible;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              z-index: 1020;
              cursor: default;
              width: 8.2em;
              position: absolute;
              left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
              left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
              width: 15em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
              position: absolute;
              margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
              left: auto;
              top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    ul.MenuBarHorizontal ul
              border: 0px solid #1A1A1A;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
              display: block;
              cursor: pointer;
              background-color: transparent;
              padding: 9px;
              color: #FFF;
              text-decoration: #1A1A1A;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
              font-weight: bold;
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size: 18px;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
              background-color: #0048ff;
              color: #EEE;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
                          background-color: #1A1A1A
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
              background-color:#1A1A1A;
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
              background-color:#1A1A1A
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
              background-color: #1A1A1A
              background-repeat: no-repeat;
              background-position: 85% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
              position: absolute;
              z-index: 1010;
              filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
              ul.MenuBarHorizontal li.MenuBarItemIE
                        display: inline;
                        f\loat: left;
                        background-color: #1A1A1A;

    See if this post helps :
    http://forums.adobe.com/message/1997762#1997762
    and this one:
    http://forums.adobe.com/message/1898539#1898539
    Nadia
    Adobe® Community Expert : Dreamweaver
    http://www.perrelink.com.au
    Unique CSS Templates | Tutorials | SEO Articles
    http://www.DreamweaverResources.com
    http://twitter.com/nadiap

  • Spry horizontal menu: submenu background problem in IE7

    Hello,
    I am using the Spry horizontal menu in this website: http://www.isis-papyrus.com
    It works perfectly on all current version browsers, but in IE7 the white submenu background only shows behind the actual text for each link and not to the border of the submenu box.
    I modified the css to allow for dynamic sizing for each submenu (see below). 
    Any suggestions would be greatly appreciated.
    Best, Oliver
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 10px;
    cursor: default;
    width: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: auto;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 100%;
    clear:left;
        float: none;
    background-color: transparent;
        color: #fff;
    white-space: nowrap;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: 100%;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #339999;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #fff;
    padding: 0.4em 0.8em;
    color: #339999;
    text-decoration: none;
    white-space: nowrap;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #fff;
    color: #339999;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #339999;
    color: #fff;
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background: #FFF;

    Thank you so much for your quick answer Beth!
    You solved half my problem!
    I added the bg-color to the li and ul styles of the submenus (css below) and now the white background shows correctly in IE7.
    The only thing I still would like to resolve: The hover style for the menu items (inverse bg and text colors) only works for the actual text of the link and not for the entire width of the submenu box.
    Any suggestions?
    Thank you again.
    Best, Oliver
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 10px;
    cursor: default;
    width: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: auto;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 100%;
    clear:left;
        float: none;
    background-color: #fff;
         color: #fff;
    white-space: nowrap;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: 100%;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #339999;
    background-color: #FFF;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #fff;
    padding: 0.4em 0.8em;
    color: #339999;
    text-decoration: none;
    white-space: nowrap;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #fff;
    color: #339999;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #339999;
    color: #fff;
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background: #FFF;

  • How do you make a transparent spry menu that has a background color on sub menus?

    Hi i am a total newbie at html and css scripting/coding and i've been working on creating a website of course because im here and i have search and search and i've found a few topics about this but none of them have what i want and it would be helpful if when you post the reply you explain it so hopefully i can add on and learn but i am trying to get the background color on the sub menus #1A1A1A and then the menu it self transparent here is my code it might make no sense at all since im a newbie ;P
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
              margin: 0 auto;
              padding: 0;
              list-style-type: none;
              font-size: small;
              cursor: default;
              width: 100em;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
              z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 18px;
              position: relative;
              text-align: left;
              cursor: pointer;
              width: 10.8em;
              float: left;
              visibility: visible;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
              margin: 0;
              padding: 0;
              list-style-type: none;
              font-size: 100%;
              z-index: 1020;
              cursor: default;
              width: 8.2em;
              position: absolute;
              left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
              left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
              width: 15em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
              position: absolute;
              margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
              left: auto;
              top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    ul.MenuBarHorizontal ul
              border: 0px solid #1A1A1A;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
              display: block;
              cursor: pointer;
              background-color: transparent;
              padding: 9px;
              color: #FFF;
              text-decoration: #1A1A1A;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
              font-weight: bold;
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              font-size: 18px;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
              background-color: #0048ff;
              color: #EEE;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
              background-image: url(SpryMenuBarDown.gif);
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
              background-color:#1A1A1A;
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
              background-color:#1A1A1A
              background-repeat: no-repeat;
              background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
              background-image: url(SpryMenuBarRightHover.gif);
              background-repeat: no-repeat;
              background-position: 85% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
              position: absolute;
              z-index: 1010;
              filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
              ul.MenuBarHorizontal li.MenuBarItemIE
                        display: inline;
                        f\loat: left;
                        background: #222222;

    Hi and welcome -
    Start with fixing this missing semicolon  (in red)
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
              background-color:#1A1A1A;
              background-repeat: no-repeat;
              background-position: 95% 50%;
    You will find you will get faster, more accurate help from us if you upload your test page and any dependent files to your server and post a link here.  That way we can examine ALL your code

  • Datagrid: Can I set a tranparency level for column background color?

    Hi all,
    I have a datagrid with background colors set using triggers. This works. I would like to set a column background color but I don't want to make the color solid because it will block the row color. Is there a way to set the column background color transparency
    to 50% (or less) so that I can still see (or blend) with the row background color? I can set the "background" property of the column to a value of "transparent" but this makes no sense without a color.
    Thanks
    <DataGrid.RowStyle>
    <Style TargetType="DataGridRow">
    <Style.Triggers>
    <DataTrigger Binding="{Binding col_oPutorCall}" Value="call">
    <Setter Property="Background" Value="Cornsilk"/>
    </DataTrigger>
    <DataTrigger Binding="{Binding col_oPutorCall}" Value="put">
    <Setter Property="Background" Value="BlanchedAlmond"/>
    </DataTrigger>
    <DataTrigger Binding="{Binding col_rowColor}" Value="false">
    <Setter Property="Background" Value="LightGreen"/>
    </DataTrigger>
    </Style.Triggers>
    </Style>
    </DataGrid.RowStyle>
    <DataGridTextColumn Binding="{Binding col_oBid, StringFormat=F2}" FontFamily="Arial" FontWeight="Bold" FontSize="12" Header="oB" >
    <DataGridTextColumn.CellStyle>
    <Style TargetType="DataGridCell">
    <Setter Property="Background" Value= "Transparent" />
    <Setter Property="Background" Value= "AliceBlue" />
    </Style>
    </DataGridTextColumn.CellStyle>
    </DataGridTextColumn>

    Background is a brush.
    You can define a brush with an opacity in a resourcedictionary merged in app.xaml or in your window.resources ( etc ).
    <Grid.Resources>
    <SolidColorBrush x:Key="TransparentIshBrush" Color="Red" Opacity=".3" />
    </Grid.Resources>
    I should think you can then do:
    <DataGridTextColumn Binding="{Binding col_oBid, StringFormat=F2}" FontFamily="Arial" FontWeight="Bold" FontSize="12" Header="oB" >
    <DataGridTextColumn.CellStyle>
    <Style TargetType="DataGridCell">
    <Setter Property="Background" Value="{StaticResource TransparentIshBrush}" />
    </Style>
    </DataGridTextColumn.CellStyle>
    </DataGridTextColumn>
    The problem with your former piece of code is that setting an opacity on a datagridcell gets everything in it. You would have to do
    <Setter Property="(BackGround.Opacity)"
    And I'm rather doubtful that would work anyhow.
    Please don't forget to upvote posts which you like and mark those which answer your question.
    My latest Technet article - Dynamic XAML

  • Why is the background color not applied in one case?

    Hi,
    I'm using RH 7 and WebHelp.
    I apply a TableHeading style to the first row of my tables. The TableHeading style is supposed to fill the cells of the first row with a background color of blue, and the text is in white. It works fine except for one table. I think TableHeading style was not applied in the Word document when I imported this topic. I tried to apply the TableHeading style to the first row, and it says it is applied in the HTML. But, the background blue does not fill the cells.
    Here is what I am trying to achieve:
    Here is my problem table:
    I can see in the HTML that the background color is not present in the code. Here is the code for the example that is correct:
    <p class=TableHeading>Chapter</td>
    <td style="border-left: none; border-right: solid #000000 1.0px; border-top: solid #000000 1.0px; border-bottom: solid #000000 1.0px;
              width: 279.4pt; padding: 0in 5.4pt 0in 5.4pt; background-color: #003399;"
    bgcolor=#003399 width=279.4pt>
    <p class=TableHeading>Description</td></tr>
    <tr><td style="x-cell-content-align: top; border-left: solid #000000 1.0px; border-right: solid #000000 1.0px; border-top: none;
                       border-bottom: solid #000000 1.0px; width: 182.85pt; padding: 0in 5.4pt 0in 5.4pt;
                       padding-left: 0px; padding-top: 0px; padding-right: 0px;
                       padding-bottom: 0px;" valign=top width=182.9pt>
    Here is the code for my problem table:
    <p class=TableHeading>Activity</td>
    <td style="border-left: none; border-right: solid #000000 1.0px; border-top: solid #000000 1.0px; border-bottom: solid #000000 1.0px;
              width: 168.0pt; padding: 0in 5.4pt 0in 5.4pt;" width=168pt>
    <p class=TableHeading>Keyboard Shortcut</td></tr>
    <tr style="x-cell-content-align: center;" valign=middle>
    <td style="width: 374px; x-cell-content-align: top; border-left: solid #000000 1.0px; border-right: solid #000000 1.0px;
              border-top: none; border-bottom: solid #000000 1.0px; padding: 0in 5.4pt 0in 5.4pt;
              padding-left: 0px; padding-top: 0px; padding-right: 0px;
              padding-bottom: 0px;" valign=top width=374px>
    Here is the code from the CSS:
    p.TableHeading {
    background-color: #003399;
    punctuation-wrap: simple;
    text-autospace: none;
    font-size: 10.0pt;
    font-weight: bold;
    color: #ffffff;
    font-family: Verdana, sans-serif;
    margin-left: 3pt;
    margin-right: 3.0pt;
    line-height: 120%;
    margin-top: 0pt;
    margin-bottom: 0pt;
    LI.p-TableHeading {
    punctuation-wrap: simple;
    text-autospace: none;
    font-size: 10.0pt;
    font-weight: bold;
    color: #ffffff;
    font-family: Verdana, sans-serif;
    line-height: 120%;
    Any suggestions?
    Thanks,
    Julie
     I don't understand why the TableHeading style is not applying the background color for the one table. I'm guessing I could just add it to the code using the HTML editor. However, I wasn't sure if that was the best way to fix this problem or if I would create another problem.

    Hi Willam,
    Thanks for your answer, and I will go ahead and add the background color to the problem table.
    However, I am still puzzled as to why the background color is applied to the cells in the other tables and not the problem table. I'm not sure what I did to cause the problem - how I applied the TableHeading to the table cell in one case and not the other. Any ideas how I can avoid this problem?
    I will not use the Word documents going forward and will only make changes with the RH editor.
    Thanks again,
    Julie

  • Background color on Safari

    I need to have a clear (tranparent) background so that the background image shows through. Everything I read says the default background color is transparent (which I thought). All is fine on IE and Firefox. However, on Safari the background is white. Adding background-color: transparent; does not help either, it stays white. Any help would be greatly appreciated.
    test link: www.weblinkstudio.com/tj/

    Hi Toby
    Welcome to Apple Discussions
    Open System Preferences via the Apple Menu in the upper left corner of your screen. Go to "Universal Access">Seeing. There, change the display setting from "black on white" to "white on black". This affects all applications and panels. There, you can also "increase the contrast" to suit your viewing requirements.

  • JTextComponent - setEditable background color

    I have a subclass of JTextField. I am doing manipulations of the background color (red when validation failed). When the program sets the text field to be not editable I want the default disabled background color (transparent?) to be displayed.
    However, in some cases I am getting a background of white when it is disabled.
    What is setEditable doing to change the background from white to grey? If I have the background color set to RED how do I change it so that grey will be shown?
    Thanks,
    John

    I am trying to understand what setEditable does WRT the background color / transpanency. In the below code, when you press the button the first time, the background of the textfield becomes grey. If you press it again it becomes white. Is this because setEditable doesn't do anything if the field is already editable?
    import java.awt.BorderLayout;
    import java.awt.Color;
    import java.awt.GridBagConstraints;
    import java.awt.GridBagLayout;
    import javax.swing.JButton;
    import javax.swing.JFrame;
    import javax.swing.JPanel;
    import javax.swing.JTextField;
    import javax.swing.SwingUtilities;
    public class BackgroundTester extends JFrame {
         private static final long serialVersionUID = 1L;
         private JPanel jContentPane = null;
         private JPanel jPanel = null;
         private JTextField jTextField = null;
         private JButton jButton = null;
         private Color origBackColor = null;
          * This method initializes jPanel     
          * @return javax.swing.JPanel     
         private JPanel getJPanel() {
              if (jPanel == null) {
                   GridBagConstraints gridBagConstraints2 = new GridBagConstraints();
                   gridBagConstraints2.gridx = 0;
                   gridBagConstraints2.gridy = 2;
                   GridBagConstraints gridBagConstraints1 = new GridBagConstraints();
                   gridBagConstraints1.fill = GridBagConstraints.VERTICAL;
                   gridBagConstraints1.gridy = 1;
                   gridBagConstraints1.weightx = 1.0;
                   gridBagConstraints1.gridx = 0;
                   jPanel = new JPanel();
                   jPanel.setLayout(new GridBagLayout());
                   jPanel.add(getJTextField(), gridBagConstraints1);
                   jPanel.add(getJButton(), gridBagConstraints2);
              return jPanel;
          * This method initializes jTextField     
          * @return javax.swing.JTextField     
         private JTextField getJTextField() {
              if (jTextField == null) {
                   jTextField = new JTextField();
                   jTextField.setColumns(10);
              return jTextField;
          * This method initializes jButton     
          * @return javax.swing.JButton     
         private JButton getJButton() {
              if (jButton == null) {
                   jButton = new JButton();
                   jButton.setText("Set Disabled");
                   jButton.addActionListener(new java.awt.event.ActionListener() {
                        public void actionPerformed(java.awt.event.ActionEvent e) {
                             jTextField.setBackground(origBackColor);
                             jTextField.setEditable(false);
              return jButton;
          * @param args
         public static void main(String[] args) {
              // TODO Auto-generated method stub
              SwingUtilities.invokeLater(new Runnable() {
                   public void run() {
                        BackgroundTester thisClass = new BackgroundTester();
                        thisClass.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                        thisClass.setVisible(true);
          * This is the default constructor
         public BackgroundTester() {
              super();
              initialize();
              origBackColor = jTextField.getBackground();
              jTextField.setBackground(Color.RED);
          * This method initializes this
          * @return void
         private void initialize() {
              this.setSize(300, 200);
              this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              this.setContentPane(getJContentPane());
              this.setTitle("JFrame");
          * This method initializes jContentPane
          * @return javax.swing.JPanel
         private JPanel getJContentPane() {
              if (jContentPane == null) {
                   jContentPane = new JPanel();
                   jContentPane.setLayout(new BorderLayout());
                   jContentPane.add(getJPanel(), BorderLayout.CENTER);
              return jContentPane;
    }

  • Background color of a list item implemented as Tlist

    Hi,
    I have one form with 3 blocks each holding one list item. The list item that has the focus should have a different background color from the other 2 list items. I thought to implement this with visual attributes I assign in the when-new-block-instance trigger. This however only partially works.
    What happens is the following :
    At startup focus is in the first block. This block's when-new-block-instance trigger is fired :
    SET_ITEM_PROPERTY('BK_LIST.LIST',VISUAL_ATTRIBUTE ,'VA_INDICATOR');
    SET_ITEM_PROPERTY('BK_LIST2.LIST',VISUAL_ATTRIBUTE ,'VA_ENABLED_LIST');
    SET_ITEM_PROPERTY('BK_LIST3.LIST',VISUAL_ATTRIBUTE ,'VA_ENABLED_LIST2');
    and the list correctly gets it's yellow background. (defined in va_indicator)
    Va_enabled_list and va_enabled_list2 both have a white background, difference between them is the font size)
    Now when we move focus to the 2nd block we get a different behaviour. This is the trigger defined on the 2nd block :
    SET_ITEM_PROPERTY('BK_LIST.LIST',VISUAL_ATTRIBUTE ,'VA_ENABLED_LIST');
    SET_ITEM_PROPERTY('BK_LIST2.LIST',VISUAL_ATTRIBUTE ,'VA_INDICATOR');
    SET_ITEM_PROPERTY('BK_LIST3.LIST',VISUAL_ATTRIBUTE ,'VA_ENABLED_LIST2');
    So I except the first block to get a white background again and the second block to get it's yellow background. However only the selected row in the tlist changes it's background color. (this in both blocks)
    I do not understand why the first time (at form startup) the background color is set for the whole item and the second time only for the selected record.
    I tried to use the property background_color but the colors are different from what I see in my color palette in that case. If I use the same color codes I also use in my visual_attributes the final result on the screen is different...
    Secondly the result is the same, at form startup the item's background is set, as from the second call only the current salected record in the tlist will change from background color.
    Forms are running C/S and are developed in Forms 6i. One way to get the result I need is by navigating back & forward to my application in Windows using Alt-Tab. At that moment the correct background colors are suddenly applied... Is there a way to force a similar sort of screen refresh ?
    Thanks for any hints, workarounds, tips or solutions !
    Kris
    Message was edited by:
    [email protected]

    Hi,
    I still don't have a clue how I could solve this one.
    It works leaving the block (so making it white again) but it does not work entering the block. (giving the list item another background color). The problem is not about the whithe color. If I do my tests with other colors (red-yellow) the problem remains.
    Best Regards,
    Kris

  • Spry Menubar background color help?

    How does one go about making the background color of your submenus different from the main menu bar?
    Here's a site I have found with basically the submenu I want, notice the submenus have a background color and the menubar has a background image.
    http://thecreatureconservancy.org/
    (I am running CS5.5)
    Thank you!

    Have a look at the following where I have used an untouched SpryMenuBarHorizontal.css
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBarHorizontal.css" rel="stylesheet">
    </head>
    <style>
    body {
        width: 980px;
        margin: auto;
    #header {
        height: 200px;
    #nav { /* USE YOUR OWN BACKGROUND IMAGE */
        background-image: url(http://www.copperleafcrossing.com/thecreatureconservancy/images/topnav_bkgd.jpg);
        height: 35px;
    ul.MenuBarHorizontal a {
        color: #FFF;
        background-color: transparent;
    ul.MenuBarHorizontal ul a {
        background-color: #436D9C;
    ul.MenuBarHorizontal li.MenuBarItemIE {
        background: transparent;
    </style>
    <body>
    <div id="header"></div>
    <div id="nav">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
          <ul>
            <li><a href="#">Item 1.1</a></li>
            <li><a href="#">Item 1.2</a></li>
            <li><a href="#">Item 1.3</a></li>
          </ul>
        </li>
        <li><a href="#">Item 2</a></li>
        <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
          <ul>
            <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
              <ul>
                <li><a href="#">Item 3.1.1</a></li>
                <li><a href="#">Item 3.1.2</a></li>
              </ul>
            </li>
            <li><a href="#">Item 3.2</a></li>
            <li><a href="#">Item 3.3</a></li>
          </ul>
        </li>
        <li><a href="#">Item 4</a></li>
      </ul>
    </div>
    <script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryMenuBar.js"></script>
    <script>
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>
    Gramps

Maybe you are looking for