Setting RichInputText's label CSS Style Class

Hello,
I'm developing with JDeveloper 11.1.2.1.0 and need to programmatically assign a class style to a RichInputText's label. I see that the RichInputText item has setStyleClass and setInlineStyle methods for setting css class and inline style css but there is only one method setLabelStyle to set the item's label inline style. I need to programmatically assign a class to my item's label, is that possible?
Thabks
Roberto

Roberto,
I use a style class in a skin like
.MYLabel af|inputText::label, af|inputText:disabled::label, af|inputText:required::label
background-color: green;
}and then set the MYLabel as style class to the inputText
<af:inputText label="Label 1" id="it1" styleClass="MYLabel"/>Timo

Similar Messages

Setting CSS Style Class dynamically based on Responsibility

Hi Guys,
Is there an elegant way of setting css class in all items of a page based on responsibility? I've seen that there is a way on attributes like readOnly, disabled and rendering thru function security. How about the other attributes like css class? I even tried PVO, hahaha...but then I read, it doesn't apply to css class... :-)
Guys, please help! Need this.. It'll save lots of time writing the code programmatically if it can be set as SPEL. hmmmmm...
HElp help help! Thanks in advance!

maeve ,
You cannot be saved from writing code :), basically based on responsibility, set the bean properties in process request, there will be not much code !
--Mukul

Can not set css style class of TD in DataTable??

<h:dataTable value='#{myList.rows}' var='row' headerClass='cs_header' styleClass="cs_list" rowClasses='cs_TR_EVEN,cs_TR_ODD' >
The following is what I want to be generated by JSF.
<table class="cs_list">
<thead>
<tr>
<th class="cs_header" scope="col">col1_header</th>
<th class="cs_header" scope="col">col2_header</th>
<th class="cs_header" scope="col">col3_header</th>
</tr>
</thead>
<tbody>
<tr class="cs_TR_EVEN">
<td>col11</td> //?? how to generate : <td class="cs_right">col11</td>
<td>col12</td>     //?? how to generate : <td class="cs_left">col12</td>
<td>col13</td>     //?? how to generate : <td class="cs_center">col13</td>
</tr>
<tr class="cs_TR_ODD">
<td>col21</td> //?? how to generate : <td class="cs_right">col21</td>
<td>col22</td>     //?? how to generate : <td class="cs_left">col22</td>
<td>col23</td>     //?? how to generate : <td class="cs_center">col23</td>
</tr>
<tr class="cs_TR_EVEN">
<td>col31</td> //?? how to generate : <td class="cs_right">col31</td>
<td>col32</td>     //?? how to generate : <td class="cs_left">col32</td>
<td>col33</td>     //?? how to generate : <td class="cs_center">col33</td>
</tr>
</tbody>
</table>
Thanks a lot!

try columnClasses="cs_right,cs_left,cs_center"

Css style class can't be used in Page Fragment?

I need to use css to modify pages. When I open a page fragment and want to apply a css rule to a button, i can't find any styleClass available in popup window: Properties->Appreaance->styleClass.
Does anyone have any idea?

Hi,
You are correct - there is a current limitation that we are working to fix. For now, you can manually add style parameters to the <div in the .jsp. I have also seen div id rule classes in the stylesheet e.g. div#content and then manually applied the div id="content" in the .jsp before the directive include.
/krys
Creator Team

How to assign style class to page fragment?

Hi,
I try to assign CSS style classes to a page fragment, but there is no way to assign style classes from the default stylesheet.css.
What do I miss here?
Stephan

Hi Tor,
you will recognize that I made some changes, but it didn't solve the problem. As I mentioned everything is rendering fine on Linux and Firefox, also on Windows and Netscape 7.2, but not with IE. In particular the hyperlinks in the page fragment are centered, but on IE they are moved to the right. I also recognized that on all my jsp with the page fragment on it there is a space of about 10 px left on the right side of the window in IE. Following is the source view from IE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en-US" lang="en-US"><head><meta http-equiv="Cache-Control" content="no-cache"/><meta http-equiv="Pragma" content="no-cache"/><title>Login Page</title><link type="text/css" rel="stylesheet" href="resources/stylesheet.css"/></head><body style="background-color: rgb(204, 204, 255); -rave-layout: grid"><form id="form1" method="post" action="/bardubitzki/faces/Login.jsp;jsessionid=B26CD4F0ED76D8E672FE93643B549E1C" enctype="application/x-www-form-urlencoded">
"left: 0px; top: 0px; position: absolute; width: 100%"><?xml version="1.0" encoding="UTF-8"?>
"CENTER" style="-rave-layout: grid" xmlns:h="http://java.sun.com/jsf/html"> <table id="form1:headerGridPanel1" border="0" cellpadding="0" cellspacing="0" style="background-image: url(resources/BarduBanner.png); height: 80px; position: absolute; background-repeat: no-repeat; width: 100%; left: 0px; top: 0px"> <tbody> <tr> <td class="tableColumnCenter">"form1:bsheaderImage1" src="resources/Clear.gif;jsessionid=B26CD4F0ED76D8E672FE93643B549E1C" alt="" /></td> </tr> </tbody> </table> <table id="form1:headerGridPanel2" border="0" cellpadding="0" cellspacing="0" style="text-align: center; width: 100%; left: 0px; background-image: url(resources/BarduBanner4.png); background-position: center; position: absolute; background-repeat: no-repeat; top: 80px; height: 20px"> <tbody> <tr> <td class="tableColumnCenter"><table id="form1:headerGridPanel3" border="0" cellpadding="0" cellspacing="0" style="height: 18px; position: relative; bottom: 3px; font-family: serif; right: 25%; width: 50%; left: 25%; top: 1px"> <tbody> <tr> <td>"form1:headerHyperlink1" href="faces/Index.jsp;jsessionid=B26CD4F0ED76D8E672FE93643B549E1C" class="menu">"form1:headerHyperlink1Text">Home</td> <td>"form1:headerHyperlink2" href="faces/DSSCreditCardDebt.jsp;jsessionid=B26CD4F0ED76D8E672FE93643B549E1C" class="menu">"form1:headerHyperlink2Text">Products</td> <td>"form1:headerHyperlink3" href="faces/Services.jsp;jsessionid=B26CD4F0ED76D8E672FE93643B549E1C" class="menu">"form1:headerHyperlink3Text">Services</td> <td>"form1:headerHyperlink4" href="faces/AboutUs.jsp;jsessionid=B26CD4F0ED76D8E672FE93643B549E1C" class="menu">"form1:headerHyperlink4Text">About Us</td> </tr> </tbody> </table> </td> </tr> </tbody> </table>
<table id="form1:loginGridPanel1" style="position: absolute; width: 100%; left: 0px; top: 100px">
<tbody>
<tr>
<td><table id="form1:loginGridPanel2" style="width: 100%">
<tbody>
<tr class="tableRow">
<td class="tableColumn1"><table id="form1:loginGridPanel4" style="margin-left: 10px; margin-right: 10px; font-family: serif; width: 100%; margin-top: 50px">
<tbody>
<tr>
<td>"form1:loginHyperlink1" href="faces/DSSCreditCardDebt.jsp;jsessionid=B26CD4F0ED76D8E672FE93643B549E1C" class="link">"form1:loginHyperlink1Text">DSS CreditCardDebt</td>
</tr>
</tbody>
</table>
</td>
<td class="tableColumn2"><table id="form1:loginGridPanel5" style="width: 100%">
<tbody>
<tr>
<td><table id="form1:loginGridPanel6" style="width: 100%; margin-top: 20px">
<tbody>
<tr>
<td class="tableColumnCenter">"form1:image2" src="resources/DSS.png;jsessionid=B26CD4F0ED76D8E672FE93643B549E1C" alt="" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table id="form1:loginGridPanel11" style="color: rgb(102, 0, 102); font-family: serif; width: 100%; font-size: 18px">
<tbody>
<tr>
<td class="tableColumnJustify">"form1:outputText1">We have confirmed your request. You are allowed to WebStart DSS CreditCardDebt again. Please enter your Transaction ID you received from PayPal via email.</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table id="form1:loginGridPanel14" style="font-family: serif; width: 100%">
<tbody>
<tr>
<td><table id="form1:loginGridPanel7" style="width: 100%">
<tbody>
<tr>
<td class="tableColumnCenter"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table id="form1:loginGridPanel8" style="width: 100%">
<tbody>
<tr>
<td><table id="form1:loginGridPanel10" style="width: 100%; margin-top: 40px">
<tbody>
<tr>
<td class="tableColumnRight"><label id="form1:loginComponentLabel1" style="color: rgb(102, 0, 102); font-size: 14px" class="tableColumnJustify">
"form1:loginComponentLabel1Text">PayPal Transaction ID: </label></td>
<td class="tableColumnLeft"><input id="form1:loginTextField1" type="text" name="form1:loginTextField1" maxlength="17" style="" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table id="form1:loginGridPanel9" style="width: 100%; margin-top: 40px">
<tbody>
<tr>
<td class="tableColumnCenter"><input id="form1:loginButton1" type="image" src="resources/Login.png" name="form1:loginButton1" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="tableColumn3"><table id="form1:loginGridPanel13" style="width: 100%">
<tbody>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table id="form1:loginGridPanel3" style="font-family: serif; width: 100%; margin-top: 50px">
<tbody>
<tr>
<td class="tableColumnCenter">"form1:loginOutputText1" style="color: rgb(153, 153, 255); font-weight: bold; font-size: 10px">Copyright(c) 2005 BARDUBITZKI Software</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<input type="hidden" name="form1" value="form1" /></form></body></html>
Hope that will help.
Stephan

Mail.app and CSS Style Sheets in HTML E-mails

Hi all,
Query. I recently began to get some e-mails from a blog site where the e-mail background is black (or very dark), with black font. Hard to read of course.
The background color appears to be getting set by a remote CSS style sheet, for which the URL is embedded in the HTML markup in the e-mail body. The background color is the same as the background color of the blog site.
Based upon communications with the site author and developer, it would appear that this is unique to Mail.app. They are not seeing this on their end in their e-mail clients.
When moving the same e-mail to a folder that syncs with Me.com, I can view the same e-mail online in the browser and a white background shows up, not the dark background.
Thus, it would seem that Mail.app is honoring the CSS style sheet, while other applications are not.
I do not see any obvious preferences in Mail.app to enable/disable this behavior.
Am I missing something, or is Mail.app doing something that other mail clients do not.
Thanks.

I found an answer :
defaults write com.apple.mail MinimumHTMLFontSize 13

Set the css style of text in a column according to the value of another col

I'd like to set the css style of text in a column according to the value of another column. Each field may end up with a different style of text as a result, for instance.
Any ideas? I looked thru the forums but couldn't find anything.
Thanks,
Linda

Does the class=t7Header make it into the rendered HTML?
---The text "class="tHeader" does not show but the other text is rendered using the style t7Header as defined in the stylesheet! Exactly what I wanted.
You might want to use a div or a span instead of a p.
---Yes -
What's very cool is we can create a display column that is dynamically filled with the html and style wrappers based on a lookup to see what style should be applied according to the actual data value. This is critical as our tables are all dynamic so I can't depend on using the additional APEX methods to control the display of a column (as the # of columns in the view vary from instance to instance) and I did not want the display specs to muddy up my SQL queries.
I wonder why this is not well documented. It is so easy!
Thanks again for your help.
Linda

Would the CSS style set to a parent node be inherited to underlying nodes?

Hi,
Would the CSS style set to a parent node be inherited to underlying nodes?
With below code, style setting to parent(VBox) is not getting inherited to children(Text).
Style.java
package style;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.text.Text;
import javafx.stage.Stage;
public class Style extends Application {
    public static void main(String[] args) {
        Application.launch(Style.class, args);
    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("Hello World");
        Group root = new Group();
        Scene scene = new Scene(root, 300, 250, Color.LIGHTGREEN);
        scene.getStylesheets().add("/style/style1.css");
        // Create children
        Text text1 = new Text("Text1");
        Text text2 = new Text("Text2");
        // Create parent and set style
        VBox vBox = new VBox();
        vBox.getChildren().addAll(text1, text2);
        vBox.getStyleClass().add("font-normal");
        root.getChildren().add(vBox);
        primaryStage.setScene(scene);
        primaryStage.setVisible(true);
}Style1.css
.font-normal {
    -fx-font-size: 9pt;
    -fx-font-family: "Arial";
    -fx-fill: #FF0000;
}Edited by: Simosh on Jun 10, 2011 4:24 PM

Hello Simosh,
I know you are thinking of VBox as container so their children must have inherited the css of parent like as of HTML <div> pattern. But in JavaFx this is different every node has it's CSS implemented from the Parent of their extended class . Even if you add children inside VBox CSS has nothing to do with children. So to make children to use the css of VBox then you must call getStyleClass().add() explicitly for every children.
Either you call getStyleClass() for every node
or you can make a custom Container as on below
A sample getChildren() overriding of VBox which make VBox children to use their parent css.
Algorithm to make your custom VBox
class MyBox extends VBox{
     @Override public ObservableList<Node> getChildren(){
          //iterate children of super
               //now bind your children.styleclass with super.styleclass
          //end of iterate
          //return children
}Thanks.
Narayan

[svn] 3148: You can now use CSS styles to set the default text format for TextView.

Revision: 3148
Author: [email protected]
Date: 2008-09-08 15:01:15 -0700 (Mon, 08 Sep 2008)
Log Message:
You can now use CSS styles to set the default text format for TextView. It no longer has any formatting properties. It supports the entire set of Gumbo text format styles.
SkinnableComponent and Group now also support all these styles. However, skins such as ButtonSkin, TextInputSkin, and TextAreaSkin continue for now to specify instance styles on their TextBox, TextGraphic, and TextView, in order to give them a Gumbo look rather than a Halo look. So if you try setting, for example, the fontSize on the Application, it doesn't yet affect the text format of a Button, TextInput, TextArea, etc. unless you remove the instance style in the skin.
Reviewer: Glenn
Bugs: -
QA: Lots of new stuff to test!
Doc: No
Modified Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/flex/component/TextArea.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/component/TextInput.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/component/TextView.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/core/Group.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/core/SkinnableComponent.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/graphics/TextBox.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/graphics/TextGraphic.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/graphics/graphicsClasses/TextGraphicEle ment.as

Nevermind guys - I did it using the 'rb_on.selected' command on the "on" radio button if the .txt file variable was "on", else the "off" radio button is selected.
Thanks for taking a look though!
Shaun

How do i set defaultPanel of two different SpryAccordion CSS Style ?

I use Dreamweaver CS3.
I have placed two different SpryAccordion CSS Style in one
page.
one is Accordion1 and one is Accordion2.
I want to set defaultPanel of Accordion1 to 2 and i want to set
defaultPanel of Accordion2 to 6
Help me please ?
Thank you.

Move them from one library to the other, or click here and follow the instructions.
(100046)

Custom style classes

hi all,
Is it possible to create some custom style classes and assign them to styleClass property of some components?
And if it possible, where to place those custom classes and how to use them?
I've tried without success.
Regards,
Bassam

So this begs the question... if I wanted to change the color of a font on a af:panelHeader for example, (inlineStyle="background-color:navy;color:white;") or I set it up as a class in my css e.g. (styleClass="ph" where the css class is ph{background-color:navy;color:white;}) why doesn't the af:panelHeader component render as one would expect... with a blue back ground and white text? I'm using JDeveloper11g.

How to apply a css style to a radio button.

I cannot seem to persuade jsf to pass css styles through to a radio button.
I have markup like this:
<h:selectOneRadio id="direction" styleClass="largish-form" >
<f:selectItem id="positive" itemLabel="positive" itemValue="positive" />
<f:selectItem id="negative" itemLabel="negative" itemValue="negative" />
</h:selectOneRadio>Which gets transformed into something like:

<td>
<label>
<input type="radio" name="comp-amount-form:direction" value="positive" class="largish-form" />
positive
</label>
</td>So the style does not get applied to the text of the label. I was expecting something like
<span class="largish-form"> positive</span>.So how do I get styled labels on my radio buttons?
Thanks in advance.

For a standard Portal page you should use the Portal styles and associate them to a page. These effectively generate a CSS style sheet anyway if you view the HTML source of a rendered page in your browser.
Using the correct PDK APIs you effectively reference the CSS tags in your Java or PL/SQL code.
If your portlet need to open a page in a new window you can no longer reference the Portal page style as the CSS style sheet does not get attached.
In this situation, code your HTML as normal and reference your CSS style sheets as normal.
If you create you CSS sheet you can store it in a page as a file and access using the direct access URL like I showed you in a previous response regarding the storing of images.
Cheers,
John

Applying a CSS style to an existing web page

Hi all.
I have recently updated the look of one of my web pages in my site. I'm looking to update the look of the other pages in my site as well to the same style/look. I have a CSS style saved as "main layout" that I would like to use to apply the same look my existing pages. I'm working in Dreamweaver CS4. Does anyone know how to go about doing this? I realize that, because the existing page already has a layout applied to it, that the look may not be exactly the same, and that's fine, I can work with it from there if I can get it to that point. I feel like there should be an obvious answer to this, but i can't find one.
Any help is greatly appreciated.
Thanks.

This is one of my old pages.
<!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>Home Page</title>

<style type="text/css">

</style>


</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
    <h1><img src="../../Graphics/logo.jpg" width="145" height="93" /><img src="../../Graphics/black-seafoam banner.jpg" width="910" height="127" /></h1>

    </h1>
</div>
<p><div id="sidebar1">
    <table width="200" border="0" align="center" cellpadding="2" cellspacing="2" bg="bg">
      <tr>
        <td width="166" height="0" align="center" valign="middle" bgcolor="#4a0019"><h2>
          <center>
            <strong><em>Main Menu</em></strong>
          </center>
        </h2></td>
      </tr>
      <tr>
        <td><a href="../../index.html">Home</a></td>
      </tr>
      <tr>
        <td><strong><a href="../../Main Menu/MJSNC Staff/STAFF.HTML">
          <center spry:hover="SIDEBARFONT">
            Staff
          </center>
        </a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../../Main Menu/MJSNC Board of Directors/mjsnc board of directors.html">
          <center>
            Board of Directors
          </center>
        </a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../../Main Menu/MJSNC Newsletter/mjsnc newsletter.html">
          <center>
            Newsletter
          </center>
        </a></strong></td>
      </tr>
    </table>
    <p> </p>
    <table width="200" border="0" cellpadding="2" cellspacing="2">
      <tr>
        <td width="168" bgcolor="#4a0019"><h2><strong><em><center>Programs & Services</center></em></strong></h2></td>
      </tr>
      <tr>
        <td><strong><a href="../Education and Therapy/education and therapy program.html"><center>Education & Therapy</center></a></strong></td>
      </tr>
      <tr>
        <td><a href="../Support Services/Services.html"><strong> <center>Services</center></strong></a></td>
      </tr>
      <tr>
        <td><strong><a href="Adult Training Facilities.html"><center>Adult Training Facilities</center></a></strong></td>
      </tr>
      <tr>
        <td><a href="../Social Recreation/social recreation.html"><strong><center>Social Recreation</center></strong></a></td>
      </tr>
      <tr>
        <td><strong><a href="../Early Intervention/early intervention.html"><center>Early Intervention</center></a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../Family Living Program/family living program.html"><center>Family Living Program</center></a></strong></td>
      </tr>
    </table>
    <p> </p>
    <table width="200" border="0" cellpadding="2" cellspacing="2">
      <tr>
        <td width="168" bgcolor="#4a0019"><h2><em><strong><center>What's Happening?</center></strong></em></h2></td>
      </tr>
      <tr>
        <td><a href="../Challenger Division Baseball/Challenger Main Page.html"><strong><center>Challenger Division</center></strong></a></td>
      </tr>
      <tr>
        <td><strong><a href="../../Whats Happening/Summer Recreation/Summer Rec.html"><center>Summer Recreation</center></a></strong></td>
      </tr>
      <tr>
        <td><strong><a href="../../Whats Happening/LIP SYNC 2012/Lip Sync 2011.html"><center>Annual Lip Sync'</center></a></strong></td>
      </tr>
    </table>
<p> </p></div>
<table width="700" border="2" cellspacing="2" cellpadding="1">
    <tr>
      <td><p>Adult Training Facilities</p>
        <p> </p>
        <p>MARCELLA GANOE CENTER- </p>
<p>439 SOUTH JUNIATA STREET LEWISTOWN, PA 17044</p>
        <p><img src="../../Graphics/white-black flower.jpg" width="160" height="156" /></p>
        <p>COMPASS CORNER-</p>
        <p>31 SOUTH DORCAS STREET LEWISTOWN, PA 17044 </p>
<p> </p>
        <p>The Mifflin-Juniata Special Needs Center has two Adult Training Facilities in operation. The Marcella Ganoe Center, located at 439 South Juniata Street & Compass Corner, located at 31 South Dorcas Street. Both facilities operate year round, five days per week. </p>
      <p>This program is designed to maximize an individual's opportunity to participate in their community. Staff serves as adult role models and challenges each participant to reach their highest level of ability in daily living skills, social and physical development and interactions with others.</p></td>
    </tr>
</table>
<p align="center"> </p>
<p align="center"> </p>
<table width="700" border="2" cellspacing="2" cellpadding="1">
    <tr>
      <td><img src="../../Graphics/Ganoe 2.jpg" width="448" height="322" /></td>
      <td><img src="../../Graphics/compass 5.jpg" width="504" height="346" /></td>
    </tr>
    <tr>
      <td><img src="../../Graphics/compass 1.jpg" width="424" height="323" /></td>
      <td><img src="../../Graphics/Ganoe Thank you.jpg" width="492" height="346" /></td>
    </tr>
</table>
<p align="center"> </p>
<p align="center"> </p>
<blockquote> </blockquote>
<center>
<p> </p>
<div style="text-align: center; border-top: 2px solid #999; margin-top: 1em;">
    <p><a href="../../index.html">Home</a> • <a href="Main Menu/Contact Us/Contact Us.html">Contact Us • Map & Directions</a> • <a href="../../Main Menu/About Us/About Us.html">About Us</a></p>
</div>
</center>
<hr />
<font face=papyrus><center></center></font></div>
</body>
</html>

HOW to define a style class apply to the specified component?

Java(TM) 1.6.0_24
Oracle IDE 11.1.2.1.38.60.81
In my skin file, I defined the style that I want use it apply to the af:inputText read-only content.But it's not work.
Can anyone give me some advice for this case?
/* Style class definition in skin file. */
.MyReadOnly af|inputText:read-only::content {
display: block;
margin: 1px;
padding-left: 3px;
padding-right: 2px;
padding-bottom: 1px;
padding-top: 1px;
border: red 1px solid;
font-size: 13px;
font-weight: normal;
height: 13px;
/* Snippet of jspx */
<af:inputText label="Label 2" id="it2" columns="1" contentStyle="width:35px;" readOnly="true" styleClass="MyReadOnly"/>
Edited by: MKevin_OTN on Nov 13, 2012 11:21 PM

That line is an ADF CSS selector.
<font color="red">af|inputText</font>: with this selector you are accessing to any <af:inputText> component (this is not the final html <input/>, is a div/table/tr that contains the final <input/>)
<font color="red">af|inputText:read-only</font>: access only to <af:inputText> components that have readOnly="true".
<font color="red">af|inputText:read-only.MyReadOnly</font>: access only to <af:inputText> components that have readOnly="true" and styleClass="MyReadOnly".
<font color="red">af|inputText:read-only.MyReadOnly::content</font>: access to the content (the final <input/>) of <af:inputText> components that have readOnly="true" and styleClass="MyReadOnly".
AP

Globally Changing all Instances of a CSS Style to Another

I'm working with RH6 (HTML). I'm curious if there is a
method/tool that will allow me to take all instances of a certain
CSS style and replace it with another (e.g., in the same manner
that you can using FrameMaker and Paragraph/Character Styles). I'd
like to be able to do it project-wide, but if it has to be done on
a topic-by-topic basis, that would be OK... I'm just trying to
avoid the need to locate each instance of the style and manually
change it.
Any help would be greatly appreciated!

Hey guys... thanks for the feedback. For starters, I
have created an external CSS (using RH)... So, I'm good
there. Anyway, my scenario is similar to what Peter pointed out: I
used a bad naming convention for a style, and applied it to a bunch
of content pages, and later came up with a better naming convention
(and a better set up for the style -- I know, I know... poor
planning on my part). I began applying the new style in future
documents, and I'd like to apply the style to all applicable
instances in the existing pages. So, I was wondering if a
tool/utility existed that would allow me to do so (since one does
exist in FrameMaker).
I could just let it go, but we intend to hire a new writer in
the near future, and I don't want that person to have to deal with
my inconsistency (not to mention, it would make things a little
easier when outputting to Word, in that I'll have fewer styles to
manage).
The concept of performing a search/replace for all instances
of the offending style name in the HTML files is a good one, and I
could try that (why are the simple solutions always the hardest
ones to realize?) Anyway, I'm assuming that all I would need to do
is perform a search for "<span class=Old_Style_Name>", and
change them all to "<span class=New_Style_Name>", correct?
And you recommend, "FAR" to do that?
Again thanks for the recommendations!

Setting RichInputText's label CSS Style Class

Similar Messages

Maybe you are looking for