CSS Background-color, do not apply to InputText

Hello
I created a CSS file defining certain properties of the TextField object, please find the code below

CSS file

. {AVG_VA}

Police-weight: lighter;
color: Red;
background-color: rgb (191,255,255);
make-style: italic;
font size: 1200px;
do-family: "Verdana";
}

< af:inputText label = "" id = "CONTROLBLOCK1_AVGSALARY" value ="'"
Binding = "#{backing_emp.» CONTROLBLOCK1_AVGSALARY}.
columns = "10" required = "false".
inlineStyle="font-family:Tahoma;font-size:10;font-style:normal;font-weight:Bold;border-style:None; »
contentStyle = "font-size: 10;" background-color: white; width: 92pt; height: 16pt; text-align: left; »
Wrap = "off" secret = 'false' shortDesc =""
styleClass = "AVG_VA" visible = "true" >
< af:convertNumber type = "number" groupingUsed = "false" / >
< af:clientListener type = 'blur' method = "onBlur" / >
< af:serverListener type = "customFocusLostEvent".
Method = "#{backing_emp.focusLostEvent}" / >
< / af:inputText >

But the color is getting applied only to the confines of the InputText. Even if I remove code inlineStyle and the same contentStyle already exists.
Kindly let me know the correct procedure.

Thank you and best regards,
Manasa Peddi.

In the ADF, you should try and avoid any sort of inline CSS when reasonable... Which will allow you to use selectors component, which will target the attributes of a component, for example an inputTextfield content.

for example:

af|inputText::content { background-color: red; }

would be to style all inputtexts, or you can lock with

.BLAH af|inputText::content { background-color: red; }

and in the jsp:

Check out the demo of counting:
http://jdevadf.Oracle.com/ADF-richclient-demo/faces/components/skinningKeys/inputText.JSPX

and a blog about the implementation of a skin:
http://Biemond.blogspot.com/2009/01/ADF-skinning-in-JDeveloper-11g.html

Barry.

Tags: Java

Similar Questions

  • Background color do not apply to the selection

    I'm trying to update the colors on my site, but I bought the site as a template and I have a problem. One of the problems is that the colors are divided into sections on the Web site. There's probably 15 boxes that I have to change the colors for each. And that's for each page! In a perfect world, I would have 3 or 4 sections, where if I changed it on one site (such as a background jpeg image?) it would change it on all pages. I use Dreamweaver CS5.

    Here's the second thing: I wouldn't mind do it manually, even though I have probably 30 pages on my site (sections 15-30 times = a lot of time!), but I get an error that says 'background-color is not applied to your selection because it is not inherited. It is applied to an attached tag. However, page elements are transparent by default, so this color can show through. »

    Here's an example of how I was able to change most of the colors (the more pale green and Brown), but there are even darker Browns and Greens that remain. These are the sections that give me this error.

    http://www.clarkvideoproductions.com/services.html

    I know that it might be more useful if I posted the code, but with me, being a beginner, I was wondering if there was security risks for the display of all the code of a page?

    Provisions of base tables are inefficient and very labor intensive when lifestyle changes are needed.    You should stay away from models that are based on tables and instead use CSS formatting.

    Example: http://alt-web.com/TEMPLATES/2-column-fixed-width-template.shtml

    Modern Web designers create a wide, cascading style (CSS) to the site linked to each HTML page.  And then they use plain HTML markup for the content.  Keeping your distinct styles of content, you can effectively re-style of your entire site by changing only 1 file instead of 20 or 30.

    For an overview of what CSS can do for you, visit CSS Zen Garden.  Each page of the site contains an identical markup but radically different CSS code.

    Then work through this tutorial in 2 parts:

    Tables to CSS Web Design part 1-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt1.html

    Tables to CSS Web Design part 2-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt2.html

    Have fun!

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • True color has not applied the requested settings - Dell Inspiron 5547

    I bought Dell Inspiron 5547 last wee.

    Since day 1, I get error of "True color has not applied the requested settings" . Now running Windows 10 (upgrade of 2 days).

    Tried to update all the drivers. Is there anyone facing the same issue and got a fix?

    Thanks in advance!

    go to programs and features in windows 10, there you will find TrueColor application right click and press change, it will be to repair or reinstall the application. Even though I have upgraded to windows 10, true color works very well with me, yes sometimes it does, sometimes only. In windows update, you will get the update for graphics card intel it will be

    Intel Corporation - graphic adapter WDDM1.1, WDDM1.2, WDDM1.3, WDDM2.0 graphics card graphics card graphics card - Intel(r) HD Graphics Family

    just to update these things also, I remember seeing somewhere on the internet that intel could be the culprit for this problem.

    After that repair is TrueColor 99% chance that it work.otherwise uninstalls true color and redownload it from there

    Last thing, I would say, is dell people working on this issue itseems like they said to my friend who had the same problem when he called. wait patiently they release the fix.

    Answer to what's going on

  • Header background color does not work

    Hello

    I'd do it stay change the color background of the header element, , but it does not work as I have thought


    First of all, here's the HTML code:


    <body>
<div id="wraper">
  <header>
    <h1><span>Pacific</span> Coastal Highway</h1>
    <nav>
      <ul>
        <li>Home</li>
        <li>Big Sur</li>
        <li>Pfeiffer Beach</li>
        <li>Elephant Seals</li>
        <li>Morro Bay</li>
      </ul>
    </nav>
  </header>
  // ... some other HTML elements & content ...
</body>

    , Within the < header > element we have < h1 > and < nav > elements, and in this < nav > element there is a list that is actually menu.


    Here it CSS code referring to these elements:

    #wraper {
    width: 1200px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}
body {
    margin: 0;
    background-color: #CBD2FB;
    font-family: "OpenSans Regular", "Gill Sans MT", Arial, "Times New Roman", sans-serif;
    color: #202020;
    background-image: -webkit-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 11.91%,rgba(232,238,245,1.00) 25.91%,rgba(202,212,220,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(138,169,207,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(202,212,220,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 11.91%,rgba(232,238,245,1.00) 25.91%,rgba(202,212,220,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(138,169,207,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(202,212,220,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 11.91%,rgba(232,238,245,1.00) 25.91%,rgba(202,212,220,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(138,169,207,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(202,212,220,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 11.91%,rgba(232,238,245,1.00) 25.91%,rgba(202,212,220,1.00) 100%,rgba(0,0,0,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(138,169,207,1.00) 100%,rgba(135,167,207,1.00) 100%,rgba(202,212,220,1.00) 100%);
}
h1 {
    margin-top: 0px;
    font-size: 48px;
    text-shadow: 1px 1px 2px #969696;
    padding-top: 32px;
}

h1, h2, h3 {
    font-family: "Prociono Regular", "OpenSans Regular", "Gill Sans MT", "Times New Roman", Arial;
    color: #507AAD;
    text-align: center;
}

h1 span {
    position: relative;
    top: -37px;
    left: 35px;
    font-family: GoodDog, Arial, "Times New Roman", "Gill Sans MT", sans-serif;
    font-size: 47px;
}

header nav ul {
    margin-right: auto;
    margin-left: auto;
    list-style-type: none;
    padding-left: 0px;
    width: 705px;
    /* [disabled]margin-bottom: 10px; */
}

nav ul li {
    float: left;
    padding: 10px;
    display: block;
    width: 110px;
    text-align: center;
    background-color: #A9A3FF;
    border-right: 1px solid #FFFFFF;
    border-radius: 23px;
    background-image: -webkit-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 60.11%);
    background-image: -moz-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 60.11%);




background-image: -o-linear-gradient(270deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 60.11%);



    background-image: linear-gradient(180deg,rgba(135,167,207,1.00) 0%,rgba(204,217,234,1.00) 60.11%);
    margin: 18px 5px;
}

    And, finally, this is what it looks like:


    Pacific Coastal Highway - Mozilla Firefox 2014-09-10 15.02.38.png



    Now, I would change the background of the < header > element (to display than whites behind this < h1 > menu in a different color) and so I just added the background of the < header > element in CSS: 


    header {
    background-color: #FF2D31;

}



    But here's what it looks like now:

    Pacific Coastal Highway - Mozilla Firefox 2014-09-10 15.09.11.png

    As you can see, Although the element < nav > list (menu) is IN the < header > element - the background color of the header of <>is right behind the element < h1 >.


    You know why This is the case and what would be the best way of fix ce problem?


    Thank you in advance.

    Try

    header {
    background-color: #FF2D31;
    overflow: hidden;
}

  • background color will not change in the template header

    Hello!

    I'm using one model DW CS5 html for this web page, that I am building and I change the code I want. Everything works fine except for the background color of the header which I changed to black that shows in Safari and IE, but will not appear in Firefox (white shows that is the background color of the div contained)... No idea why?

    Thank you!

    Hexadecimal color code requires 6 digits (hand) or 3 digits (shortened) where the values are the same.

    Example:

    White can be expressed as #FFFFFF or #FFF.

    Black can be expressed as #000000 or #000.

    #00000 is not valid.

    When things go wrong, use the following W3C code validation tools.

    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • Ignored css background color?

    Hello.

    I understand the provision a new site, but for some reason, on my footer background color is ignored by browsers.

    I checked in firebug and it does not even appear in the window of style as having a background color property, but certainly has my CSS file.

    The site is http://www.hwaassociates.co.uk/home.html

    I am attaching the css file to this post.

    Basically, it's the footertop and footer divs in the html page that are not bringing the background colors through.

    Any help would be appreciated.


    Thank you


    Craig

    Hello

    You missed the # in front of the numbers there.

    #footer{background-color:#FF0000;height: 100px;}

PZ

  • Background color does not appear in Dreamweaver.

    I have been using Dreamweaver 8 for about 3 years now. Today I opened again to create a new web page. I went to the properties of the page to apply a color of gray background, but in fashion design, the page has remained white. I view it in IE and it was gray. Why is this happening? It is the first time that I had a problem to display a color of background in design mode. Another thing I noticed is that the bottom half of the Properties menu (the part that displays the background color, image of bg, etc.) will appear not on the bottom of my design view either.

    I thought it was something that I am overlooking so I opened web sites of previous projects with environments and when they appear in a specific color in the design view, they now appear by default white. Can someone please please help me? This problem just started today. Accidentally disable certain critical design in design mode feature. I even uninstalled the program and reinstalled and the problem persists.

    Please help if you can.

    Another thing to check:

    See Menu > Style made > display Styles.

    HTH,

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics |  Print | Media specialists
    www.Alt-Web.com/
    www.Twitter.com/ALTWEB

  • images and background colors either not displayed at all or only sometimes

    For example, http://www.bpwcal.org looks fine in Explorer but in Firefox 3.6.10 the background color and/or image does not load. I did not have this problem in previous versions of Firefox.

    Try to clear your browser's cache.

    Tools > clear recent history... - details and of course Cache hit only is selected, and then select all and click the clear now button.

  • Why my coupons, images or background colors do not print?

    Most of the newer versions of browsers have the option to disable background printing web page, images, etc to save int. This causes some confusion for users who design their email with the color or the background of the image, or some coupon sites. What you need to do is to turn the background image/color printing on when you actually need received their approval.

    For Internet Explorer:

    Click on file, then page Setup (if you don't see the menu bar, press the ALT key once, or click the wheel and on the context menu, select print, then Page Setup) to bring up the Page Setup dialog box and check the box "color and Print background Images." Click OK to save the settings.

    For Firefox, click file, and then click Page Setup (or tools icon and then print in the menu bar in the print preview dialog box, click Page layout) and select "print background (colors & images):

  • Background color appears not

    Hello

    I was wondering if someone could take a look at this page: http://www.toolijooa.com.au/Rehab_reconstruction.html

    I changed the background color to #CCCC99 in the properties of the page, but it is still on display in white.

    Thanks again

    Amanda

    You must sort the large number of errors in posting on this page. See http://validator.w3.org/check?uri=http%3A%2F%2Fwww.toolijooa.com.au%2FRehab_reconstruction .html&charset=%28detect+automatically%29&doctype=inline&group=0&ss=1.

    You have more than one body of the page, as well as links to external style sheets within the organism (they must be in the head). The code is such a mess, that's incredible, the page displays as well as he did.

  • Background color is not not to jpg

    Please help if you can? My site has the background color defined as d6d3cd and I have a JPG file that is placed on the page with the same exact color (it's an object on top of the color). The problem is when I load the page in a browser, it is a change of light color between the HTML color and color JPG. I can't use the GIFs because it's a picture. Can someone tell me how to get the colors to match exactly?

    Thank you very much! It's perfect...

  • CSS text color does not work online

    Hello

    I just put a color in my css file (it's: color: #AE0508;). It works very well in the direct vision of Dreamweaver, works fine in the preview of the web browser, but it does not work on my hosting server: text remains black. Any idea?

    Thank you!

    Download the CSS?

    If you have, and it still does not work, please provide the URL of your site.

  • Change the theme color is not applied

    I recently discovered the joy of change view code with CC 2015 color schemes, and it's great. (I don't know whether or not it existed before the update, but I've just learned about this.)

    My qualm, however, is that when I have a theme (for instantiation, 'Dark Solarized'), then click on "Change the colors of theme", I can see the changes in the pop-up window, but they never applied on the main code Panel.

    As an experiment, I've changed the HTML text color on the Solarized dark yellow bright (#FFFD00), clicked OK and apply in the Preferences menu. There is nothing - the HTML text in the code view is always gray #DDD. I try to turn the special HTML characters to "BOLD" using the same method, but they remain at a normal weight.

    Am I supposed to be able to change these? Is it important that I'm working on one. ASP file type (since there is no option for this in the Type of Document the Code coloring preferences panel)?

    Looks like it is because of the .asp extension.

    I just tried to make comments html "BOLD" as the only change in the theme and it works perfectly in the .html pages. When I saved this page as .asp, the "BOLD" has been lost.

    I have filed a bug report because it is so easy to reproduce: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

  • The font color do not apply on a paragraph style

    Hello

    I try to change color on a paragraph style, and it won't change. I try another color, another paper, same thing. So, it's a software problem. Not a file. I delete InDesign and re-install. I fix the permission with disk utility and Cocktail. I restart the computer. I have reset PRAM.  I run the last ID CC 2014 on Yosemite. No problem since the update. Do you have a solution for me? Thank you in advance.

    capture 2015-02-12 à 13.38.10.JPG

    If you select the entire title is an applied character style? The character style must be set to [none]. What you are showing can also occur via a style nested inside the paragraph style.

  • Divide the Image background color does not Matching - Murray * ACP * please help!

    Actually, can someone who wants to help, but Murray helped me before so that he will get the references.

    I noticed you said on my Murray design, making the stretching of the site due to funny content in the background of the image being degraded. So I changed it to a solid color, a simple gray. But now it will not correspond to the top of the image for the image and I'll have a particular problem with the image of main_right.jpg regarding the color change. I can't even select it.

    Here is my link to see what I mean:

    http://www.canadianimprovshowcase.com/About2.html

    And I'm posting the link I noticed that the right side is even more fucked up! Man am I frustrated!

    Thank you

    Matt

    [email protected]

    Congratulations!  The only problem now is that you erased the black 3px border 1px - replace and vertical expansion will be visually homogeneous.

Maybe you are looking for