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
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;
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
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.
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
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?
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
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
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
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
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
ADF Skins CSS - table cell padding
Hi there,
Can anyone provide an example of how to set the data row, cells', cell padding value ...
referring to http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
I dont seem to be able to tie the -tr-padding-right-width for the ad|table element and/or overwrite it on af|column elements ...
anyone any idea the best approach ?
Hi,
try
.AFTableCellDataBorder:alias{
padding:20px;
}
Maybe you are looking for
-
Can I hide web app items from site search?
I've added: <meta name="robots" content="noindex"> to my page template and also item description layout, but the items are still appearing in search & the sitemap. Is there another way to hide them?
-
Hello all, My fifth gen ipod was working fine up untill a couple of weeks ago when my pc started to display it as an unknown usb device. the only piece of info I get from the pc is to reconnect the device and if the problem persists replace the devic
-
I my safari automatically wiped when i took update. I am using Mac 10.6.8. Can you please send me how to reinstall it. Due to this my mail email system also effected. can you please help me soon
-
Study security related exception handling in Java
Hi all, I am required to do an indepth study on security-related exception handling in Java, their Pluses and minuses... Can ppl suggest me places where I can get a kick start? Any resource that u know can help me out? I appreciate ur help in this re
-
3D bar charts export as jagged PDFs - how can I make them smooth?
I want to export my 3D bar charts as PDFs, but they export without anti-aliasing or smooth vector lines. The bars are jaggy, not clean. How can I make them higher quality? I've checked my system settings and those in Acrobat 7 Professional, the 'smoo