CSS class syntax

Hello.
I have a site with a template and a menu built from graphic buttons.
Here is a button from my template :
<p><a href="../mypage1.html" class="@@(attr_1)@@"><img src="../web_images/mybutton1.gif" width="100" height="35" class="nostyle" longdesc="../mypage1.html" /></a><br />
and a class "nostyle" that does nothing.
I have created an editable attribute in my template attr_1 for my button. In mypage1.html I have modified the template properties for that attribute and instead of nostyle class I want a new defined class named change_button_image to change the image of the button with another image.
What CSS code must I use in the new class?
Please give me the syntax about how to change the original image for the button.
Thank You !

Open your main Template.dwt and add an editable region to that paragraph.
NOTE: This will effect all other child pages.
Sitewide menus are typically maintained inside the main.dwt file and not on individual pages.
CSS Menus
http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
Persistent Page Indicator on CSS Menus
http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

How to let Trinidad Tag use outside css classes instead of skin?

In my project, we asked vendor company to create the UI and css of the whole web application. We are using Trinidad in the project, trinidad use skin to customize the look and feel of the page. Since we have already had a set of css classes, we don't want to apply these css classes to the trinidad skin one by one. Is that a solution to achieve that?

Can we now use jdk 1.5 with Studio Creator? I tried setting the AS_JAVA in
C:\Sun\Creator\SunAppServer8\config\asenv.bat
set AS_JAVA=C:\Program Files\Java\jdk1.5.0_04
however in the help about still says its running 1.4
There must be someway to use 1.5 with the new version of Creator or no?
R
S

How to use CSS Class

Dear Friends,
I am using Apex 4.1. i have made a below CSS class. i just want to know where i have to paste the below code and from where i have to call it and how?
I have written this in PAGE Properties-->HTML Header
<style type="text/css">
myclass
width:200px;
color:orange;
background-color:#CCCCFF;
</style>
calling above on field --- > on HTML Table Cell Attributes. class="myclass"
but it is not working. Please help me where i am doing wrong. Thanks in advance.
Regards
Kamran

Hi Jozef,
Thank you so very much for you kind help and consideration on the said issue.
The issue is resolved.
i just copied and pasted ur code. now its working. now i have ur email. if u dont mind could i send u mail directly at ur email address if any issue.
Thanks once again.
Regards,
Kamran

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

CSS Classes documentation for ADF Faces

I could not find any document where css classes for ADF Faces components have been listed. I want to build custom skin and i needed it badly. Anybody knows where it is?

Hi,
Try http://www.oracle.com/technology/products/jdev/tips/fnimphius/adffaces_skin_selectors/AdfFacesSkinSelectors.html. Note that you can always use Firebug to get the right class name, assuming you set the following parameter in web.xml:
<context-param>
<param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
<param-value>true</param-value>
</context-param>~ Simon

Robohelp 8 & CSS Class attribute

I have been trying to use the CSS Class attributes but it doesn't seemed to be recognized by Robohelp 8. Here is an example of my code:
My external style sheet:
Test {
          width: 562px;
          height: 16px;
          text-align: center;
          font-family: Arial, Helvetica, sans-serif;
          font-weight: bold;
          color: #ffff00;
Test1 {
          background-color: #00900;
Test2 {
          background-color: #008000;
In my file:
<link rel="Stylesheet" href="layout.css" type="text/css" />
<div class="Test Test1">
     I type something here
</div>
The text that I type is rendered but none of the formatting. What am I doing wrong?
Does anyone know if there is a problem with Robohelp 8 not supporting CSS classes?
Thanks!
Message was edited by: Lakooli

Hi,
Add a dot (.) before the class definitions in your css:
.Test -> All elements that have the class test
Or even better:
div.Test -> Only DIV element that have the class test
Greet,
Willam

Setting CSS Class for a Text Input Item when the disable property set to true

Hi,
i have OAF page and the item style is Message text input and i have set the disable property is TRUE using SPELL.
i want to display the value is BOLD for the item. so i set the CSS class for the item to OraTipLabel,OraDataText etc using item property or in process request also. the value is not setting BOLD.
the field is gery out and frozen and it is not displaying BOLD.
Please advise for the same.
Thanks
Sreekanth

Hi Avaneesh,
It is still not working for me.
Still waiting for some pointers
Anas.

Processing rows in a collection based on css class?

Hi All -- I'm sorry if the answer to this is obvious, but I'm a bit stuck. I have a report based on an apex_ collection. I have a simple dynamic action that allows the users to click and highlight certain rows in the collection report (I just use toggleClass on a jQuery selector). Now I want to use only those highlighted rows in a pl/sql process.
I think I must also need to update the collection somehow to indicate that a row is 'selected', like maybe set an unused column like c050 to a certain value, and then I can query those records and use that in my plsql? Highlighting is just in the browser and isn't visible to the db (correct?) so I think this is the best option?
I guess also have the same question for columns, i.e. if I let the user highlight an entire column and I want to use only those column values in a plsql.
Any advice is greatly appreciated.
thanks,
john

Still no luck. I reviewed this thread that looks very similar: Delete members in APEX_COLLECTION
I added a check box to my report on the collection, but instead of deleting a member I just want to submit the page process with my pl/sql for the checked rows. I'll deal with the CSS class later. The page process is submitting but it's picking up all members of the collection whether they are checked or not. I'll see if I can reproduce on apex.oracle.com.
thanks,
john
EDIT: Problem solved. I reviewed this answer (javascript - Oracle ApEx Checkbox to Manipulate Other Values When Checked/Unchecked - Stack Overflow) on stackoverflow by Tom and now Scott's answer makes sense. I'm now using AJAX to copy the selected member into a truncated copy of the collection, and when the user is finished I'll use the new collection members for my pl/sql. This is a much better user experience because they can see the members that they select actually move into a new region real time. It looks awesome!

Applying CSS classes in DW 8

Hello!
The good old Dreamweaver 4 had a wonderful panel, with the
css classes
listed on it, that could be open all the time, where you
could easily
click and apply a class to a selection.
This panel has vanished in subsequent versions (probably for
good reasons).
But still...
My question is: is there an extention somewhere that provides
this
functionality?
Thanks
Michael

That "Apply" button was removed because it caused problems.
Clicking it
more than once could result in multiple spans wrapping the
tag, as I recall.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"David Powers" <[email protected]> wrote in message
news:ecueve$p0d$[email protected]..
> michael wrote:
>> I know. And there are more options to do so.
>> It is just that the old panel was so efficient and
easy in use.
>
> It's a long time since I last used Dreamweaver 4, so I'm
very happy with
> the current setup, but different people have their own
preferred ways of
> working.
>
> AFAIK, there is no extension that re-creates that panel.
You could always
> submit an enhancement request to the Dreamweaver
development team to try
> to persuade them to bring it back.
>
>
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
>
> --
> David Powers
> Adobe Community Expert
> Author, "Foundation PHP for Dreamweaver 8" (friends of
ED)
>
http://foundationphp.com/

Remove ADF css classes

Hi,
Is there a way to force render <af:document> just to <body> instead of <body class="af_document p_AFMaximized">?
The same goes to <af:paelGroupLayout> - I don't need af_panelGroupLayout or af_region CSS classes in my HTML markup because it spoils look and feel created by designer.
I know I can do <af:document id="d1" styleClass="something">, but it just prepends "something" to class attribute: <body class="something af_document p_AFMaximized">

You cannot remove these CSS classes associated with any of the UI components but you could modify the properties for each of the style class names through skinning.
Thanks,
Navaneeth

Css class for rangebar text "Previous and Next"

I am using <af:selectRangeChoiceBar>
I want to give a specific font size to "Previous" and "Next" text.
If it is a link then i am able to do that, but if it is not a link i could't able to find the css class for that.
Is there anyway to give those text eveytime a specific font size...what will be the css class name to do that?
Thanx in advance

Hi Avaneesh,
It is still not working for me.
Still waiting for some pointers
Anas.

SPACES custom skin CSS Class reference ? which css styles do what?

I am creating a custom skin for spaces using the Extend Spaces custom project. I am not able to find which css class names are mapped to which elements of a page in spaces. Inspecting the code does not help since the css class names seem to be autogenerated names and don't really match any names in the example "myskin" or any others I have seen.
Does anyone know of a reference that shows which classes correspond to which elements in spaces?

http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
This is an overview of the selectors used in ADF. I think webcenter spaces only uses these. You should be able to skin your webspace using these selectors.

Using CSS class together with CSS Rule

Hi,
I design my web site in Dreamweaver and then use Web
Developer 2005 Express for the dynamic stuff. I amalgamate all the
work I have done in Dreamweaver into 2005 Express. However with the
new server side controls I do not know how to add a CSS class
together with a CSS rule.
In the normal client side control in Dreamweaver I have -
<input name="txtPassword" type="password" class="Input"
id="SpacerBottom" />
In the server side controls the ID keyword is used now -
<asp:TextBox ID="txtPassword" runat="server"
Style="z-index: 107" CssClass="Input" ></asp:TextBox>
I have tried to use the name="txtPassword", but it ignores
this.
I would really like to know how I can use a class and an id
selector with the new server side controls and would really
appreciate some help on this.
Many thanks,
Polly Anna

the explicit " match-any" will do just that.So, a nested ACL can be configured for multiple criteria.
The alternate is a "match-all" where all nested options in your acl MUST be met. Hope this helps.
T

Export to Fixed_Layout EPUB: Paragraph Styles not exporting to CSS class tags

Hi,
As it says, my Paragraph Styles aren't exporting to CSS class tags with a Fixed Layout EPUB.
...But Object Styles are working ok.
Seems to work ok when exporting to HTML or Reflowable EPUB... just not Fixed Layout.
Any ideas?
Cheers
Forgot to say: Mac OSX 10.8(?) Adobe Indesign CC 2014

Hi... it was 10.0.7
Updated to 10.1 & wahoo - it works now.
Will mark your answer correct as it prompted me to update.
Cheers

Set CSS class in text field ?

I understand setting text formats with setTextFormat like
bold,
underline, etc..
But is there a way to set a CSS class to a range of text in a
text field?
I'm fearing that there is not.
Sunny

Example code attached. Just put a dynamic text field on the
stage and give it an instance name 'myTextField_txt'.

CSS class syntax

Similar Messages

Maybe you are looking for