How to change css of f:selectItems

Hello
I am not able to change the css of f:selectItems inside rich:select. I can change CSS of rich:Select successfully unfortunately I do fail when I try to change f:selectItem. You can see the code.. Any help will be appreciated.
Best Regards
Altaico
<code>
<h:panelGroup styleClass="mySelectStyle" rendered="#{loginBean.isAuthorize('sigorta') or loginBean.isAuthorize('admin')}" >
<rich:select id="kurumList" enableManualInput="true"
value="#{loginBean.islemYapilanKurum.kurumKodu}"
defaultLabel=" " rendered="#{not empty kurumListTemp}" styleClass="mySelectStyle" >
<f:selectItems value="#{kurumListTemp}" var="k"
itemLabel="#{k.kurumAdi}" itemValue="#{k.kurumKodu}" styleClass="mySelectStyle" />
<f:ajax event="change" render="toolbar" listener="#{loginBean.kurumAta}"/>
</rich:select>
</h:panelGroup>
</code>

Yes, if you would check the JSF specifications or any result you get by searching google for 'jsf tags' you would see that f:selectItem in fact does not support a styleClass attribute. In stead of just guessing - look up specs and know. Surely that is not a weird concept to you?
But then you're using Richfaces - and this is not a Richfaces forum. But I'm a nice guy (really!) so I check the Richfaces manual for you - which you could have done yourself. And then I see that the rich:comboBox element supports an 'itemClass', an 'itemSelectedClass' and a 'listClass' attribute. 2 minutes of work. Might be worth investigating.
Good luck.

Similar Messages

  • How to change CSS Class Dynamically for columns in a page

    Hi ,
    I have a page and i have columns like customer, bill to location, date from, date to..etc.
    Once i save the records the columns shoulbd change to Bold(CSS Class = OraDataText). In simple way how to chane CSS class for an item dynamically to a specific value.
    Can some one help me if came across this kind of a requirement.
    Please send me sample code if any one has this....
    Thanks,
    Mahesh

    I'm getting the following error while i implement the code in CO of Apply button.
    oracle.apps.fnd.framework.OAException: java.lang.ClassCastException
         at oracle.apps.fnd.framework.OAException.wrapperException(OAException.java:888)
         at oracle.apps.fnd.framework.webui.OAPageErrorHandler.prepareException(OAPageErrorHandler.java:1145)
         at oracle.apps.fnd.framework.webui.OAPageErrorHandler.processErrors(OAPageErrorHandler.java:1408)
         at oracle.apps.fnd.framework.webui.OAPageBean.processFormRequest(OAPageBean.java:2637)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:1659)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:497)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:418)
         at OA.jspService(OA.jsp:40)
         at com.orionserver.http.OrionHttpJspPage.service(OrionHttpJspPage.java:56)
         at oracle.jsp.runtimev2.JspPageTable.service(JspPageTable.java:317)
         at oracle.jsp.runtimev2.JspServlet.internalService(JspServlet.java:465)
         at oracle.jsp.runtimev2.JspServlet.service(JspServlet.java:379)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
         at com.evermind.server.http.ServletRequestDispatcher.invoke(ServletRequestDispatcher.java:727)
         at com.evermind.server.http.ServletRequestDispatcher.forwardInternal(ServletRequestDispatcher.java:306)
         at com.evermind.server.http.HttpRequestHandler.processRequest(HttpRequestHandler.java:767)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:259)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:106)
         at EDU.oswego.cs.dl.util.concurrent.PooledExecutor$Worker.run(PooledExecutor.java:803)
         at java.lang.Thread.run(Thread.java:534)
    ## Detail 0 ##
    java.lang.ClassCastException
         at xxafp.oracle.apps.qp.pricelistrebate.webui.XxafpEepRebateCreateCO.processFormRequest(XxafpEepRebateCreateCO.java:98)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:799)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.OAPageLayoutHelper.processFormRequest(OAPageLayoutHelper.java:1118)
         at oracle.apps.fnd.framework.webui.beans.layout.OAPageLayoutBean.processFormRequest(OAPageLayoutBean.java:1579)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:995)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:961)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:816)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.beans.form.OAFormBean.processFormRequest(OAFormBean.java:395)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:995)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:961)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:816)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.beans.OABodyBean.processFormRequest(OABodyBean.java:363)
         at oracle.apps.fnd.framework.webui.OAPageBean.processFormRequest(OAPageBean.java:2633)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:1659)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:497)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:418)
         at OA.jspService(OA.jsp:40)
         at com.orionserver.http.OrionHttpJspPage.service(OrionHttpJspPage.java:56)
         at oracle.jsp.runtimev2.JspPageTable.service(JspPageTable.java:317)
         at oracle.jsp.runtimev2.JspServlet.internalService(JspServlet.java:465)
         at oracle.jsp.runtimev2.JspServlet.service(JspServlet.java:379)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
         at com.evermind.server.http.ServletRequestDispatcher.invoke(ServletRequestDispatcher.java:727)
         at com.evermind.server.http.ServletRequestDispatcher.forwardInternal(ServletRequestDispatcher.java:306)
         at com.evermind.server.http.HttpRequestHandler.processRequest(HttpRequestHandler.java:767)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:259)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:106)
         at EDU.oswego.cs.dl.util.concurrent.PooledExecutor$Worker.run(PooledExecutor.java:803)
         at java.lang.Thread.run(Thread.java:534)
    java.lang.ClassCastException
         at xxafp.oracle.apps.qp.pricelistrebate.webui.XxafpEepRebateCreateCO.processFormRequest(XxafpEepRebateCreateCO.java:98)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:799)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.OAPageLayoutHelper.processFormRequest(OAPageLayoutHelper.java:1118)
         at oracle.apps.fnd.framework.webui.beans.layout.OAPageLayoutBean.processFormRequest(OAPageLayoutBean.java:1579)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:995)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:961)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:816)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.beans.form.OAFormBean.processFormRequest(OAFormBean.java:395)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:995)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:961)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:816)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.beans.OABodyBean.processFormRequest(OABodyBean.java:363)
         at oracle.apps.fnd.framework.webui.OAPageBean.processFormRequest(OAPageBean.java:2633)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:1659)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:497)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:418)
         at OA.jspService(OA.jsp:40)
         at com.orionserver.http.OrionHttpJspPage.service(OrionHttpJspPage.java:56)
         at oracle.jsp.runtimev2.JspPageTable.service(JspPageTable.java:317)
         at oracle.jsp.runtimev2.JspServlet.internalService(JspServlet.java:465)
         at oracle.jsp.runtimev2.JspServlet.service(JspServlet.java:379)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
         at com.evermind.server.http.ServletRequestDispatcher.invoke(ServletRequestDispatcher.java:727)
         at com.evermind.server.http.ServletRequestDispatcher.forwardInternal(ServletRequestDispatcher.java:306)
         at com.evermind.server.http.HttpRequestHandler.processRequest(HttpRequestHandler.java:767)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:259)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:106)
         at EDU.oswego.cs.dl.util.concurrent.PooledExecutor$Worker.run(PooledExecutor.java:803)
         at java.lang.Thread.run(Thread.java:534)
    Thanks,
    Mahesh

  • How to change CSS if Javascript disabled. Please help.

    Hi all,
    So my pursuit for accessible and good looking pages
    continues.....
    I am working on a new website: XHTML, external CSS, PHP
    driven.
    I decided to use the nice Project Seven vertical scroll menu
    for a looping newsbox. Works great with Javascript enabled and
    opens as it should with Javascript disabled. However, I have the
    scroll menu inside a div called "newsbox", which resides inside a
    floated div. This of course causes the content to extend beyond the
    main container.
    Now to fix this issue what I would like to do is have the
    Project Seven menu display when Javascript is enabled and when
    Javascript is disabled I want to change the CSS of "newsbox" to
    'overflow: scroll' so that the box still displays as a scroll box.
    (This would keep my current design looking nice.)
    I've looked at many solutions online but I need for it to
    validate in XHTML.
    All I want to be able to do is change that one line of CSS
    for the "newsbox" div if Javascript is disabled.
    I know this isn't really Dreamweaver related but I was hoping
    someone might have a simple fix for this.
    Any help or links to relevant online tutorials greatly
    appreciated!
    Thanks,
    Rachelle

    "Rockyjd" <[email protected]> wrote in
    message
    news:gi8r8o$olm$[email protected]..
    > Hi Thierry,
    >
    > Yes, your suggestion is exactly the route I'm trying to
    take. My problem
    > is
    > I'm a complete ignoramus when it comes to Javascript!
    > So this is my current CSS for the div that contains my
    scrolling menu:
    >
    > #newsbox {
    > background-color: #FFF;
    > height: 305px;
    > width: 300px;
    > position: relative;
    > visibility: visible;
    > z-index: auto;
    > left: 0px;
    > top: 0px;
    > margin-bottom: 5px;
    > margin-top: 1px;
    > overflow: scroll;
    > }
    > I've set the default value as 'overflow:scroll' and when
    Javascript is
    > enabled
    > I want it to change to 'overflow:hidden' (so those ugly
    blue scroll bars
    > disappear and my nice Javascript scroll menu then takes
    over.)
    >
    > So would I write the Javascript as follows?
    >
    >
    document.getElementById('newsbox').style.overflow='hidden';
    >
    > And then my next question is: where do I put this
    declaration? In the
    > <head>?
    > In the external CSS file? If it's in the <head>
    should it be in <script>
    > tags
    > or preceded by something to make it work?
    > Sorry for all the questions but I was trying to add the
    Javascript
    > yesterday
    > and it wasn't working so I am definitely doing something
    wrong.
    > As I said I'm a Javascript dunce so any and all help is
    greatly
    > appreciated!
    Hi Rachelle
    Yes it should be inside a script element in head, but you
    can't call it
    before "newsbox" is available. You'd need to call it onload
    or move the
    snippet in the code, after "newsbox".
    Thierry | Adobe Community Expert | Articles and Tutorials ::
    http://www.TJKDesign.com/go/?0
    Spry Widgets |
    http://labs.adobe.com/technologies/spry/samples/
    [click on
    "Widgets"]
    Spry Menu Bar samples |
    http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html

  • How to change CSS on template

    I made a template and set my mainContent as an editable region.
        I'm trying to apply some spry and different div with class and IDs; however, im not able to do so because the head is noneeditable..
    i've placed to make the head ediable. however, it has not been successfull..
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    Im not sure if i've taken the right path. but im attempting to have a main template for my all my pages (around 13) and i want to be able to edit the header, footer, and sidebar in one try. I've not been able to do so so far. Please HELP!

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script src="file:///C|/Users/John/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam6D66.tmp/scripts/jquery.js" type="text/javascript"></script>
    <script src="file:///C|/Users/John/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam6D66.tmp/scripts/lightbox.js" type="text/javascript"></script>
    <link href="file:///C|/Users/John/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam6D66.tmp/css/lightbox.css" rel="stylesheet" type="text/css" />
    <link href="file:///C|/Users/John/AppData/Roaming/Adobe/Dreamweaver CS5/en_US/Configuration/Temp/Assets/eam6D66.tmp/css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2127022: #gallery */
      .lbGallery {
       /*gallery container settings*/
       background-color: #CCC;
       padding-left: 15px; 
       padding-top: 15px; 
       padding-right: 20px; 
       padding-bottom: 15px; 
       width: 930px;
       height: auto;
       text-align:left;
      .lbGallery ul { list-style: none; margin:0;padding:0; }
      .lbGallery ul li { display: inline;margin:0;padding:0; }
      .lbGallery ul li a{text-decoration:none;}
      .lbGallery ul li a img {
       /*border color, width and margin for the images*/
       border-color: #999999;
       border-left-width: 10px;
       border-top-width: 10px;
       border-right-width: 10px;
       border-bottom-width: 15px;
       margin-left:5px;
       margin-right:5px;
       margin-top:5px;
       margin-bottom:5px:
      .lbGallery ul li a:hover img {
       /*background color on hover*/
       border-color: #ffffcc;
       border-left-width: 10px;
       border-top-width: 10px;
       border-right-width: 10px;
       border-bottom-width: 15px;
      #lightbox-container-image-box {
       border-top: 0px none #ffffff;
       border-right: 0px none #ffffff;
       border-bottom: 0px none #ffffff;
       border-left: 0px none #ffffff;
      #lightbox-container-image-data-box {
       border-top: 0px;
       border-right: 0px none #ffffff;
       border-bottom: 0px none #ffffff;
       border-left: 0px none #ffffff;
    /* EndOAWidget_Instance_2127022 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2127022" binding="#gallery" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <div id="gallery" class="lbGallery">
      <ul>
        <li> <a href="/images/lightboxdemo1.jpg" title=""><img src="/images/lightboxdemo_thumb1.jpg" width="72" height="72" alt="Flower" /></a> </li>
        <li> <a href="/images/lightboxdemo2.jpg" title=""><img src="/images/lightboxdemo_thumb2.jpg" width="72" height="72" alt="Tree" /></a> </li>
        <li> <a href="/images/lightboxdemo3.jpg" title=""><img src="/images/lightboxdemo_thumb3.jpg" width="72" height="72" alt="" /></a> </li>
        <li> <a href="/images/lightboxdemo4.jpg" title=""><img src="/images/lightboxdemo_thumb4.jpg" width="72" height="72" alt="" /></a> </li>
        <li> <a href="/images/lightboxdemo5.jpg" title=""><img src="/images/lightboxdemo_thumb5.jpg" width="72" height="72" alt="" /></a> </li>
      </ul>
    </div>
    <script type="text/javascript">
    // BeginOAWidget_Instance_2127022: #gallery
      $(function(){
       $('#gallery a').lightBox({
        imageLoading:   '/images/lightbox/lightbox-ico-loading.gif',  // (string) Path and the name of the loading icon
        imageBtnPrev:   '/images/lightbox/lightbox-btn-prev.gif',   // (string) Path and the name of the prev button image
        imageBtnNext:   '/images/lightbox/lightbox-btn-next.gif',   // (string) Path and the name of the next button image
        imageBtnClose:   '/images/lightbox/lightbox-btn-close.gif',  // (string) Path and the name of the close btn
        imageBlank:    '/images/lightbox/lightbox-blank.gif',   // (string) Path and the name of a blank image (one pixel)
        fixedNavigation:  false,  // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
        containerResizeSpeed: 400,    // Specify the resize duration of container image. These number are miliseconds. 400 is default.
        overlayBgColor:   "#000000",  // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
        overlayOpacity:   0.7,  // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
        txtImage:    'Photos',    //Default text of image
        txtOf:     'of'
    // EndOAWidget_Instance_2127022
    </script>
    </body>
    </html>
    This is pretty much the code the widget plays with..the issue that im having is that all the codes before </head> can not be written since the dwt only allows me to write on my editable region..

  • How to change html-css cursor style in Adobe Air?

    We all know how to change cursor style in  Html pages, of course using css such as,
    'cursor: url("move.cur"),  move'.
    But when I use it in Adobe Air, it will not show the standard  cursor style in browser, but the special ones in Adobe. For example, the  'move' cursor shows like a hand(the same with the move hand in Acrobat  Reader), not like a crosshair.
    I tried to use 'url' option in CSS,  but it doesn't work in Adobe Air(I'm sure that it works in html  browsers).
    I am really confused. And looking forward to your  solutions.

    Hi flexo222,
    Currently Adobe AIR does not support custom CSS cursors and only some of the "default" cursors available in CSS.
    You could however use the following ActionScript workaround if you don't need a very complex behavior:
      * on mouseOver have the default cursor hidden
      * on mouseMove have a custom cursor drawn and positioned via ActionScript
      * on mouseOut have the custom cursor hidden and the default cursor shown.
    I have attached a sample that should make things clearer. Feel free to ask if there's anything not clear.
    Cheers,
    Mihai

  • How to change the color of Menu links in obiee

    Does anyone knows how to change the colors of Menu links in obiee. With menu I mean the menu links default right top (Search, homepage, Catalogus, Dashboards, new, Open). This should be set in skin and style files, not? I searched a lot. I could not find It. It is now Oracle blue, we want to change this.
    obiee 11.1.1.5.
    Thanks

    You have to customize portal banner and portal content CSS files as needed in OBIEE server.
    below links will guide u but will will not tell you exactly but your req can be done by customizing portal content and portal banner CSS files. try to identify the exact code using firebug in mozilla.
    http://www.rittmanmead.com/2009/04/customizing-obiee-dashboard-banners/
    Customization of login page, banner,logo in obiee11g
    Thanks
    Jay.

  • How can change background color of drop down menu navigation?

    Hi,
    I am using multi level drop-down-navigation menu in my website.
    I am get good drop-down menu from htmldrive.net, but problem is how can change menu background color black to other colors.
    please help me
    Link & code is given below
    http://www.htmldrive.net/items/demo/913/Multi-Level-Drop-Down-Menu-Navigation-with-CSS3
    HTML Code
    <div id="nav">
    <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Our Portfolio</a></li>
    <li><a href="#">One Dropdown</a>
            <ul>
            <li><a href="#">Level 2.1</a></li>
            <li><a href="#">Level 2.2</a></li>
            <li><a href="#">Level 2.3</a></li>
            <li><a href="#">Level 2.4</a></li>
            <li><a href="#">Level 2.5</a></li>
            </ul>
    </li>
    <li><a href="#">Three Levels</a>
            <ul>
            <li><a href="#">Level 2.1</a></li>
            <li><a href="#">Level 2.2</a></li>
            <li><a href="#">Level 2.3</a>
                    <ul>
                    <li><a href="#">Level 2.3.1</a></li>
                    <li><a href="#">Level 2.3.2</a></li>
                    <li><a href="#">Level 2.3.3</a></li>
                    <li><a href="#">Level 2.3.4</a></li>
                    <li><a href="#">Level 2.3.5</a></li>
                    <li><a href="#">Level 2.3.6</a></li>
                    <li><a href="#">Level 2.3.7</a></li>
                    </ul>
            </li>
            <li><a href="#">Level 2.4</a></li>
            <li><a href="#">Level 2.5</a></li>
            </ul>
    </li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact Us</a></li>
    </ul>
    </div>
    CSS CODE
    #nav {
            float: left;
            font: bold 12px Arial, Helvetica, Sans-serif;
            border: 1px solid #121314;
            border-top: 1px solid #2b2e30;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            overflow: hidden;
    #nav ul {
            margin:0;
            padding:0;
            list-style:none;
    #nav ul li {
            float:left;
    #nav ul li a {
            float: left;
            color:#d4d4d4;
            padding: 10px 20px;
            text-decoration:none;
            background:#3C4042;
            background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
            background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
            background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
            border-left: 1px solid rgba(255, 255, 255, 0.05);
            border-right: 1px solid rgba(0,0,0,0.2);
            text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
    #nav li ul {
            background:#3C4042;
            background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
            background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
            background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
            border-radius: 0 0 10px 10px;
            -moz-border-radius: 0 0 10px 10px;
            -webkit-border-radius: 0 0 10px 10px;
            left: -999em;
            margin: 35px 0 0;
            position: absolute;
            width: 160px;
            z-index: 9999;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
            -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
            -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
            border: 1px solid rgba(0, 0, 0, 0.5);
    #nav li ul a {
            background: none;
            border: 0 none;
            margin-right: 0;
            width: 120px;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            border-bottom: 1px solid transparent;
            border-top: 1px solid transparent;

    Change this:
    .ddsmoothmenu{
    font: bold 12px Verdana;
    background: #414141; /*background of menu bar (default state)*/
    width: 100%;
    to this:
    .ddsmoothmenu{
    font: bold 12px Verdana;
    background: #new color code;
    width: 100%;
    And repeat this on other selectors.
    Nancy O.

  • How to change font in CS4

    Hello All,
    I have just got used to working with Dreamweaver CS3. I
    created a template in CS3, and it is quite obvious
    how to change the font face for an editable region in CS3
    properties area.
    I have just moved to CS4, and am editing a template I created
    in CS3, and have not (as yet) found out how to select a different
    font face for an editable region in CS4, that option seems no
    longer on the property section of the workspace. How can I do this?
    One more question - less remedial. I have a template with
    repeatable and editable regions. It is a table that allows adding
    or subtracting images in one cell and text in another. I want the
    image tag width and height to always be 200x125 regardless of the
    actual size of the image (the images will always be bigger than
    200x125). Is there a way to set this in the template? I have set
    the table cell to that size, but it expands if I add a larger image
    to the table.
    Thanks,
    eholz1

    > I have just moved to CS4, and am editing a template I
    created in CS3, and
    > have
    > not (as yet) found out how to select a different font
    face for an editable
    > region in CS4, that option seems no longer on the
    property section of the
    > workspace. How can I do this?
    Use the CSS 'button' on the upper, left corner of the
    Property inspector.
    > One more question - less remedial. I have a template
    with repeatable and
    > editable regions. It is a table that allows adding or
    subtracting images
    > in one
    > cell and text in another. I want the image tag width and
    height to always
    > be
    > 200x125 regardless of the actual size of the image (the
    images will always
    > be
    > bigger than 200x125). Is there a way to set this in the
    template? I have
    > set
    > the table cell to that size, but it expands if I add a
    larger image to the
    > table.
    This is within an editable region? I can think of no way to
    do that.
    Sorry.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "eholz1" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hello All,
    >
    > I have just got used to working with Dreamweaver CS3. I
    created a
    > template in
    > CS3, and it is quite obvious
    > how to change the font face for an editable region in
    CS3 properties area.
    >
    > I have just moved to CS4, and am editing a template I
    created in CS3, and
    > have
    > not (as yet) found out how to select a different font
    face for an editable
    > region in CS4, that option seems no longer on the
    property section of the
    > workspace. How can I do this?
    >
    > One more question - less remedial. I have a template
    with repeatable and
    > editable regions. It is a table that allows adding or
    subtracting images
    > in one
    > cell and text in another. I want the image tag width and
    height to always
    > be
    > 200x125 regardless of the actual size of the image (the
    images will always
    > be
    > bigger than 200x125). Is there a way to set this in the
    template? I have
    > set
    > the table cell to that size, but it expands if I add a
    larger image to the
    > table.
    >
    > Thanks,
    > eholz1
    >

  • [i]How to change the[/i]   background color in a webdynpro?

    Does somebody know how I can simpley change the background color in a webdynpro?

    You need to use external CSS..via the sap-ep-themeroot or sap-cssurl.
    For downloading and changing CSS. pls refer to
    https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/7015b1f9-535c-2910-c8b7-e681fe75aaf8
    Note: as stated in the documentation for a external CSS, that is just placing it in /SAP/PUBLIC Folder, <b>did not work</b> for me....
    Do following it works..
    Create a BSP application, ZCUSTOMTHEME. GO to MIME Repository and create a folder zmytheme under ZCUSTOMTHEME
    open SE38 and execute BSP_UPDATE_MIMEREPOS and upload ur custom theme under this folder.. /sap/bc/bsp/sap/ZCUSTOMTHEME/zmytheme
    While calling ur WD application....append following at end of URL
    sap-ep-themeroot = /sap/bc/bsp/ZCUSTOMTHEME/zmytheme'

  • How to change fonts in Safari 8.0?

    Hello, I have Yosemite and Safari 8.0 and cannot figure out how to change fonts in Safari and leave the fonts in other applications unchanged? And I don't care about the menus, but the content of web pages. Could someone please help me solve the problem?

    You don't without using custom css sheets. The web site developers specify the fonts to be used.

  • How to change the width of the scrollbar

    how to change the width of the scrollbar,
    I wanted to have a large scrollbar in all controls (for a touch screen app lets say) then is that possible?
    Either through CSS, code,
    skins anything really... Any ideas?
    Thanks in advance.

    Hi,
    horizonatal(vertical)ScrollBar.width - in AS/MXML code
    horizontal(vertical)ScrollBarStyleName - for style. But I'm not sure that width getted from css.

  • How to change the color for HTML words in JEditorPane?

    Hi Sir,
    In the JTextPane , we could change the word's color by using:
    Style style = doc.addStyle("test",null);
    StyleConstants.setForeground(style, Color.red);
    doc.setCharacterAttributes(10,20,syle,true);
    we can change the text into red color,which range is from 10 to 30.
    But how to change the color for HTML words in JEditorPane?

    Hi,
    you can use an AttributeSet to apply the foreground color. Let's say, doc is a HTMLDocument, then SimpleAttributeSet set = new SimpleAttributeSet();
    doc.getStyleSheet().addCSSAttribute(set, CSS.Attribute.COLOR, "#0D0D0D"); would apply a color to a given AttributeSet. The AttributeSet with your color then can be applied to a selected range of text in a JEditorPane by   /**
       * set the attributes for a given editor. If a range of
       * text is selected, the attributes are applied to the selection.
       * If nothing is selected, the input attributes of the given
       * editor are set thus applying the given attributes to future
       * inputs.
       * @param editor  the editor pane to apply the attributes to
       * @param a  the set of attributes to apply
      public void applyAttributes(JEditorPane editor, AttributeSet a) {
        ((HTMLDocument) editor.getDocument()).getStyleSheet().addCSSAttribute(set, CSS.Attribute.COLOR, "#0D0D0D");
        editor.requestFocus();
        int start = editor.getSelectionStart();
        int end = editor.getSelectionEnd();
        if(end != start) {
          doc.setCharacterAttributes(start, end - start, a, false);
        else {
          MutableAttributeSet inputAttributes =
            ((SHTMLEditorKit) editor.getEditorKit()).getInputAttributes();
          inputAttributes.addAttributes(a);
      } Ulrich

  • How to change the disabled value color of messageTextInput

    Hi,
    I have a requirement to change the value color of messageTextInput. And I had apply custom look and feel. For normal messageTextInput, I can change its color, but for disabled messageTextInput, the value is always gray out. I can't change its color.
    Could anyone tell me how to change it?
    Thanks,
    Eileen

    Eileen,
    This is the code u need to use in process request:
    OAMessageTextInputBean x = (OAMessageTextInputBean)webBean.findChildRecursive("<item id of message text input which have to disable>");
    //If item id of the next message text input is XXX, on which
    //u wanna set focus when user clicks on ur disables message text input
    x.setOnFocus("javascript:XXX.focus();");
    Now u can set CSS class.The above code will automatically set focus on field with item id XXX, when user clicks on it, thus not allowing user to enter anything in that message text input.
    I hope this helps.
    --Mukul                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • How to change background image for each individual page in a template?

    I've been working for hours to try to figure out how to change the background image for each individual page in a template.  I have tried making a div in the body and adding a CSS and setting a background picture.  Unfortunately even after I made it editable all templated webpages changed.  I tried looking at different forum results which didn't really help me out. http://forums.adobe.com/message/2670005#2670005#2670005.  I've also tried embeding a CSS style on the webpage instead of the external CSS which again didn't work.  I'm not sure where to go from here.  Is there a good video that explains this clearly.  Please help.  Thanks.

    Adjust inline styles to suit your needs.
    <li><a tabindex="-1" href="giving/index.html" class="MenuBarItemSubmenu" style="background:none; color:#FFF; background: #000;">GIVING</a>
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • How to change the component styles (inside panelFormLayout.)

    Hello friends,
    Can anyone help me, How to change the component styles where components (af:inputtext) inside af:panelFormLayout.
    i changed all of the components one by one style, inlinestyle .. from the inspector. By result is nothing.
    how to extend blafplus-rich and override some of the components style?
    thanks for your helps

    thanks alright but i want to learn again after this.
    Which component has a content or border or how can i find list components attributes for change style?
    For example i want to change document content pane, what will i write to css. i am little knowledge about css.
    Thanks for help

Maybe you are looking for

  • Class & int/String issues

    Upon compiling, I am receiving the following errors: TeamRosterApp.java:153: cannot find symbol symbol : class ButtonPanel location: class TeamRosterPanel ButtonPanel buttonPanel; ^ TeamRosterApp.java:166: cannot find symbol symbol : class ButtonPane

  • OBIEE 11g caching question - cross database joins

    Hi, I'm seeing something strange (a.k.a. not wanted) in OBIEE (11g, not sure that version matters). I have a simple data mart that contains spend information. The supplier dimension contains keys that can be used to join it to detailed supplier infor

  • How to determine the execution order of event structure

    Hi everyone, I have an event structure were it contains four events. All the four events has separate buttons to execute. Here, three events will generate numeric output, remaining one event (Finder) should find the order of those three events. For e

  • My Apple TV deletes downloaded movies/series before I've watched them. How do I stop this?

    My Apple TV sometimes deletes downloaded movies/series before I've watched them. How do I stop the episodes /movies being deleted before I watch them?

  • Output from PSE 11 Organizer to CD

    I have a 29 minute slideshow  (photos, music and transitions) made using PSE 11 Organizer on a Win 7 platform.  I can play the slideshow on my computer,  The program stops when trying to output to a CD.  Has anyone found a resolution to a similar pro