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

Similar Messages

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"

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

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 set the file path dynamically based on sytem, username, and date

Hi All,
My requirement is upload the data into one structure like xyz that is related to t.code MCSZ.
file will be in UNIx SERVER .
PATH IS: /sapif
file name is xy789 load .txt
I have to write code in one user-exit
how can i set the file path for this.
shall i put hard code file path?
because i have to writecode in user-exit.
plz tell me how to set the file path based ons syetem, username, date
Thanks in advance
Ram.A

Concatenate the field SY-SYSID, SY-UNAME and SY-DATUM for the file path

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

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

How to change company logo dynamically using login information of the user in flex4 CSS styl method?

hi all,
I am doing mxml flex4 web application. i am using a login in my application. this login for multi user purpose.
My need is when a user login using his username and password his company logo should show the top of my application and his copyright details show the bottom of my application
if another user login means his company logo and copywrights should show in my application.
This logo and copyrights details should change dynamically based on the login information.
I want to create this using CSS file (skins and sparks)
How to do this,i am struck in this place,
Looking for useful and helpful suggession or snippet code,
Thanks in advance,
Cheers,
B.Venkatesan.

If the user is logging in, presumably you are having the user hit a back end web-server and database and using something like Blaze to connect? Right?
I personally would not do this with CSS. I would map the company icons to the users in the DB, retrieve the proper company icon and then pass it down (or embed it in the app) when the user logs in. Then, I would just set the source of the icon to be what I passed down:
Add your image where you want it to go:
<s:Image id="emptyImage" x="locationx" y="locationy".../>
Then in your ActionScript, when the user logs in and you know what company the user belongs you could do this:
private function loginUserBlazeResponse(resultEvent:ResultEvent):void {
var bytes:ByteArray = ByteArray(resultEvent.target);
emptyImage.source = bytes;
addElement(img);
img.visible = false;
img.addEventListener(FlexEvent.UPDATE_COMPLETE, imageLoaded);

How to specify different horizontal restore & collapse icon for af|panelSplitter using Skinning based on Style class or position?

Hello,
I am trying to provide different horizontal restore & collapse icon for af|panelSplitter using Skinning based on Style class or position. I have 2 af:panelSplitter with orientation="horizontal" - One with positionedFromEnd="true" one with positionedFromEnd="false". I want to specify the horizontal collapse and restore icon using Skinning. I want specify different icons based on positionedFromEnd. When I specify icons they are appearing for both splitters. I gave 2 different styleClass to these splitter but it is not taking them in account,
JSPX Page -
<af:panelSplitter orientation="horizontal" splitterPosition="196" positionedFromEnd="false" id="pnlSplitterLeft" collapsed="false" styleClass="panelSplitterLeftClass">
<f:facet name="first">

</f:facet>
<f:facet name="second">
<af:panelSplitter orientation="horizontal" splitterPosition="196" positionedFromEnd="true" id="pnlSplitterRight" collapsed="false" styleClass="panelSplitterRighClass">
<f:facet name="first">

</f:facet>
<f:facet name="second">

</f:facet>
</af:panelSplitter>
</f:facet>
</af:panelSplitter>
CSS Skinn
af|panelSplitter::horizontal-restore-icon {
    width: 10px;
    height: 55px ;
    content : url("/skins/AppSkin/Left_Open.gif");
af|panelSplitter::horizontal-collapse-icon {
    width: 10px;
    height: 55px ;
    content : url("/skins/AppSkin/Left_Close.gif");
af|panelSplitter.panelSplitterLeftClass::horizontal-restore-icon {
    width: 10px;
    height: 55px ;
    content : url("/skins/AppSkin/Left_Open.gif");
af|panelSplitter.panelSplitterLeftClass::horizontal-collapse-icon {
    width: 10px;
    height: 55px ;
    content : url("/skins/AppSkin/Left_Close.gif");
af|panelSplitter.panelSplitterRighClass::horizontal-restore-icon {
    width: 10px;
    height: 55px ;
    content : url("/skins/AppSkin/Right_Open.gif");
af|panelSplitter.panelSplitterRighClass::horizontal-collapse-icon {
    width: 10px;
    height: 55px ;
    content : url("/skins/AppSkin/Right_Close.gif");
It is always showing Left_Open.gif and Left_Close.gif for both splitters. But I want different image.
How to specify different horizontal restore & collapse icon for af|panelSplitter using Skinning based on Style class or position?
- Sujay

CSS attribute selectors are what you are talking about, but binding the selector with EL is a more-common approach. Using selectors like this require you to ensure browser support.
af|panelSplitter.panelSplitterRighClass::horizontal-collapse-icon [positionedFromEnd=true]

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

GET SET function in a dynamic Class?

Is it possible to add a GET SET function in a dynamic class, like we can add properties to a dynamic class?

correction :
MyObjectProxy extends ObjectProxy{
override callProperty(
// your dyna logic
and expose new MyObjectProxy(dynaInstance)

CSS styles disappear in new template-based pages

hello: having some trouble. i've created a template for a new website and everything looks ok, but when i attempt to create a new page based on the template, all the css styles i've created disappear. i have a hunch it has something to do with the "body" stlye overriding everything else.
any suggestions are much appreciated.

The first suggestion I would have is to make sure the css that is being linked is not in an editable region on the template. Next, make sure the paths are correct. If both are in order you may need to post the template code.

[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)

CSS Style (report column attributes) not working

I found the CSS Style settings for a report column only seem to work if using a "Standard Report Column". Since the report is wider than the screen, some columns are wrapping, making the report not-that-nice readable.
Unfortunately I have the need to define some report columns where undesired wrapping occurs as "Display as Text (based on LOV, does not save state)" and tried to avoid wrapping using "white-space:nowrap;" or specifying a fixed width, but it seems I'm out of luck - is there a way around this (other than performing the report query using a huge DECODE clause and setting the column to "Standard Report Column" again, which somewhat renders the LOV useless except for the select list on the data entry form)? This is happening on APEX 3.12.
Furthermore - is this expected behaviour?
Thanks in advance,
Holger

Furthermore - is this expected behaviour?Looks like it, or it is a [long-standing bug|http://forums.oracle.com/forums/thread.jspa?messageID=1126613]. I've tried it (although only have access to APEX 3.0 at present) and none of the CSS class/style/custom attributes from Column Formatting or Tabular Form Element are being applied. If it's not a bug then it should be raised as an enhancement request.
In the meantime you'll need to work round it.
other than performing the report query using a huge DECODE clause Is that necessary due to a static LOV? If it's dynamic based on a table/view then get the look-up value in the query via a join or scalar subquery so you have a Standard Report Column and can use the CSS class/style/custom attributes from Column Formatting.
Alternatively, stick with the Display as Text from LOV and create a custom named column report template using [colgroup/col|http://reference.sitepoint.com/html/colgroup] to specify fixed width columns.

Setting CSS Style Class dynamically based on Responsibility

Similar Messages

Maybe you are looking for