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,
MaheshI'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 -
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.
ThanksYou 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. -
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,
EileenEileen,
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 helpsthanks 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
-
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 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