Choosing adf skinning programmatically

Hey guys,
In my ViewController project, I have several skins defined in trinidad-skins.xml.
I have created the skins files in a separate way, and these are working fine.
The thing is, I have to choose in a programatically way, which skin I will use for each use case, before I enter in the use case page.
For this purpose, I have a Managed Bean with a String property. When I browse for an use-case there's a invoked method bean in my task-flow which is responsible for setting the appropriate skin.
Everything is working fine until here. The problem is the adf fragment page (jsff) loaded after the invoked mbean method, it is showing the last choose skinning. If I refresh my web browser (F5), the skinning is refreshed.
It seems to be that ADF task-flow is keeping the skinning in cache or something like that. Anyone could help me?

Hi,
your application needs to re-direct after applying a new skin. This means that instead of a bounded task flow you set the skin on the parent page and then redirect to the same view id. This will make the screen flicker once but this is how skinning gets applied
Frank

Similar Messages

ADF Skin commandButton background color

HI I use Jdev 11.1.2.3.0 I want to change the color of a commandButton I used:
af|commandButton {color: orange;
background-image: none;
background-color:green;
in (http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/commandButton.jspx)
and followed this tutorial (https://blogs.oracle.com/shay/entry/styling_specific_adf_components_with)
as shown in this picture (http://img820.imageshack.us/img820/7456/avc8.png)
the icon button gets colored but not the actual commandButton obviously is not shown when I run it.
My skin code:
af|commandButton
background-image: none;
background-color: Fuchsia;

A: ADF Skin commandButton background color

Yeah, that skin selector will apply to all buttons with those classes. If you need to limit the styling based on EL, I would do something like this
styleClass="#{condition ? 'trueClass' : 'falseClass'}"
and in the skin this should be specific enough
af|commandButton.trueClass {}
If not, you would have to do something like this, but not 100% sure if that dot shouldn't have a space before it or be a colon possibly off the top of my head
af|commandButton:text-only.trueClass

Adf skin, table's row hover

Hi,
I'm having confussion with adf-skinning.
Can i put hover effect so everytime user hovering a row of a table it will change the row's background color?
What class should I use in my css?
I've tried with af|table::data-row:highlighted, af|table::data-row:hover..
If there is anyone knows the link where I can dowload an adf-skin template then it also be very helpful to me..
Best Regards.

Hi,
I found this in the forum. Does it work for you?
Re: Comment on Frank's blog adding hover effect to table
af|table::content TR:hover { background-color: InfoBackground ; }
af|table::content TR:hover TD { background-color: transparent ; }
regards
Peter

Working with WebCenter Portal & ADF Skin Editor Together

Hi all.
I want to ask to webcenter community developers about the best practice to work with ADF Skin Editor for WebCenter Apps.
I usually deployed my ADF Skin JAR Libraries as Shared Libs and consumed them from pure ADF Applications without problems.
However, in WebCenter Portal Framework Applications resources are readed at MDS Path: /oracle/webcenter/portalapp/skins/... (like portal-skin.css) or at the shared lib called oracle.webcenter.skin
My objetive is to provide more Skin's to WebCenter Portal Application from ADF JAR Librarys created by ADF Skin Editor and be selectable (like /oracle/webcenter/portalapp/skins/... resources) in Runtime in Administration page.
How can i achieve it easly? (Please don't provide off doc, i read it).
Have i to override SkinPhaseListener of WebCenter to read from another locations?.
Thanks.

Hi.
Finally for WebCenter Portal Applications we are using ADF Skin Editor as support to skin ADF Components.
When we've got our skin defined in ADF Skin Editor then copy to CSS file under MDS folder (/oracle/webcenter/portalapp...) and create a Portal Resource of it.
If you want to deploy your ADF Skins as Shared Libs or included directly to WebCenter Portal App as ADF JAR Library then you'll see that they don't appear at Runtime to be selectable in admin page.
If you want these skins be selectable at runtime you have to register them in generic-resources.xml manually.
PD: Setting trinidad skins at "FINEST" level debug you can see what trinidad-skins is WebCenter loading.
I hope this help you.
PD: Your problem is little different because you are in WebCenter Spaces.
Regards.

ADF Skin customization

how to override ADF SKin components? what are alll best practices ? Can you please suggest how to control look and feel completely ?

Hi.
This link may fit with your requirement(can override ADF SKin components)
See: http://technology.amis.nl/blog/5722/using-adf-faces-11g-skinning-for-setting-the-styles-of-specific-component-instances-or-groups-of-instances

Free adf skins

is there a place to get free adf skins given out by oracle? .css files to include in my project..

http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/index.jspx
This site is the excellent one for adf skinning from Oracle. I guess it's down now. Keep hitting this url.
Meanwhile check this site:http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html
JDeveloper 11 Components Demo down?

Adf skins

hi am working on adf skins i tried to apply skins to the application but it is not working
i copy the skin files and the css in to the project and the set up the adf-faces-skin.xml same as the example but noting changed any body to help me to solve that problem.
http://download.oracle.com/docs/cd/B32110_01/webcenter.1013/b31074/jpsdg_skins.htm#CHDJCFAG
Message was edited by:
canakaltun

Hi,
if the application had a skin before, make sure that the browser cache is cleared before running the new skin. You don't provide any configuration description, so my advise is to look at the SRDemo application for configuration examples. This can be downloaded via help--> check for Updates in JDeveloper
Frank

ADF skins or Trinidad?

Hi,
Just wanted to know the pros and cons of using one over the other.
I'm creating a Webcenter application usng adf faces and Jdeveloper.
Thanks,
Inder

Inder,
You're already using ADF Faces, so it seems you would be using ADF Faces skins? Trinidad skins are skins for trinidad components. ADF Faces 11g is built on Trinidad, which is where the confusion may arise.
But simply, if you're using ADF Faces components, you want ADF skin.
John

ADF Skinning/template - how.

Hi All,
I'm developing a few ADF pages(Jdev 11g) that will be deployed in WLS 10.3. I need all the pages to have the corporate skin/template. Can anyone point me towards a tutorial that may show how it's done?
Many thanks,
Preethi.

With the links suggested, you will be to enable your application for skinning.
For specific components, you would require to refer
1) ADF Skinning Selectors Documentation:
http://jdevadf.oracle.com/adf-richclient-demo/docs/skin-selectors.html
2) ADF Rich Faces Client Demo for skinning:
http://jdevadf.oracle.com/adf-richclient-demo/faces/index.jspx
Thanks,
Navaneeth

ADF Skinning: Globally

Hi,
I am wondering how do i achieve global css effect on all buttonComponent ( all kinds of buttons even toolbarbuttons) , and also i wanted to change the selection color on all the selectable components, like row on table selection, navigation, buttons, all of the selection color which is blue to orange ....
Please, can you guide me... i was completely lost on the skinning document, i am very new to this part of adf.
jdev :11.1.1.3.0
Thanks

The ADF Skin Editor can help you identify the color that is bein inherited by all such components.
This demo might help:
https://blogs.oracle.com/shay/entry/adf_faces_skin_editor_how

Create ADF elements programmatically using Java

Hello,
I use JDeveloper 11.1.1.2.0 and Java 6 (of course)
<f:view>
<af:document title="Some Text" id="d1">
<af:messages id="m1"/>
<af:form id="f1">
<af:panelGroupLayout layout="vertical" id="pgl1" halign="center">
<af:outputText value="Song" id="ot1"/>
<af:media source="/midi/song.midi"
standbyText="Song sample" player="quicktime" id="m2"
contentType="audio/x-midi"/>
</af:panelGroupLayout>
</af:form>
</af:document>
</f:view>
I would like to create this construct programmatically. The reason is that I would like to create not only one <af:media> tag but more. But for some reasons it's not a fixed portion of songs I could anticipate. Therefore I want to take the construct above as a template and add more <af:media> tags I need at the moment I realize how many songs I want to play.
I would like to call this construct from a command button or link on another side to open a new window in which the user could choose among different songs to play.
Do I have to use DOM or XPath to setup this or is ADF able to offer some support ?
Best regards
Martin
Edited by: user463656 on 05.05.2010 01:41

Should be something like:
<f:view>
<af:document title="Some Text" id="d1">
<af:messages id="m1"/>
<af:form id="f1">
<af:panelGroupLayout layout="vertical" id="pgl1" halign="center" binding="#{ManagedBean.panelGroup}">
<af:outputText value="Song" id="ot1"/>
</af:panelGroupLayout>
</af:form>
</af:document>
</f:view>And somewhere in the MagaedBean methods:
public class ManagedBean{
RichMedia rm;
while .. {
rm = new RichMedia();
rm.setstandbyText(....);
rm.setSource(....);
panelGroup.getChildren().add(rm);
}And then refresh the panelgroup with partialTrigger ot partialTarget.
Edited by: Valhery on 2010-5-5 2:04

Problem with css reload (custom adf skin)

I have defined a custom skin but changes in the css does not immediately show in the page. I have not figured out what triggers a rreload of the css. When I delete the generated css from the embedded OC4J a new one i immediately created but with the old values.

Hello,
This depends on the version of ADF your using.
If its 10G, as far as I know, changes will only get picked up after a redeploy and even then you need to force the browser to re download the css (using a force refresh, shift + F5 or the refresh key normally)
If its 11G, the redeploy should not be needed as long as you force a browser refresh.
As long as the previously mentioned context parameter is present:
<context-param>
    <description>If this parameter is true, there will be an automatic check of the modification date of your JSPs, and saved state will be discarded when JSP's change. It will also automatically check if your skinning css files have changed without you having to restart the server. This makes development easier, but adds overhead. For this reason this parameter should be set to false when your application is deployed.</description>
    <param-name>org.apache.myfaces.trinidad.CHECK_FILE_MODIFICATION</param-name>
    <param-value>true</param-value>
</context-param>-Anton

Oracle ADF skin editor tool

Hi,
Im using Oracle Jdeveloper 11.1.1.4.
This https://blogs.oracle.com/jdevotnharvest/entry/suggested_skin_editor_workflow blog says that for using Skin editor in 11.1.1.4 i need to download Standlone Skin editor. Is this tool a licensed software, because in the download section of the ADF, it says that it is "OTN Developer License Agreement." what this means, can we use this tool for free in a organisation.

Hi,
you can download the editor here http://www.oracle.com/technetwork/developer-tools/adf/downloads/index.html
about the license, I don´t know(wait experts responses) but the editor is for custom adf applications and then you need a ADF license
For free organisation you should see ADF Essentials :http://www.oracle.com/technetwork/developer-tools/adf/overview/adfessentials-1719844.html

How to implement adf skins in JDeveloper 11g

How to integrate CSS in ADF using JDeveloper 11g without Trinidad.

Is there any particular reason for NOT wanting to use the trinidad-config.xml? Using Jdev11g, it is very easy, requires no extra jars and have no external dependencies. Also, its [better |http://technology.amis.nl/blog/4169/adf-11g-why-use-skinning-why-not-use-simple-external-css-stylesheets] to do it using skins.
Julian.

ADF Skinning - How to identify Skinning Selector Name

When we do skinning, in the CSS file that is generated by ADF Framework, we are seeing a style named
af_commandMenuItem_menu-itemIn order to define, custom properties to this above style, we would need to modify in the custom skinning file as
af|commandMenuItem::menu-item {
background-color: #17375E;
}I would like to know, how the skinning selector in CSS file generated by ADF Framework - can be converted into the actual style name that is to be specified in the Custom Skin CSS file.
In above, how can we get
af|commandMenuItem::menu-itemfrom
af_commandMenuItem_menu-itemIs there any general guideline for this?
Thanks in advance,
Navaneeth

:: is a pseudo class and defines an area within a component e.g. af|inputText::content
: is a pseudo element and describes a behavior. e.g. af|inputText:hover (this is the default CSS syntax)
Frank

Choosing adf skinning programmatically

Similar Messages

Maybe you are looking for