Oracle skin CSS file

Is it possible to get the default oracle CSS file ?
I want to change the page look and feel, the tabs, ...
The purpleSkin.css sample doesnt define all the attributes.
Best thanks
Laurent

For the first question, first i would ask how you head is set? you need an afh:head for the page to want to pick up the skin. Besides that can you be more specific in how you mean when you say you have to refresh? i know that when you are playing with the skins, it sits in the cache until you refresh, but once you do the intial refresh the changes should say. like if i changed the link color from green to pink, when i first rerun the app i have to refresh, but after that i don't.
The advantages you ask? well for tabs i like it best so far, and for the adf tree i makes it look nice. But as far as rollovers on buttons, i don't like it but i do like that i only need 4 images instead of a bunch of images for buttons.
I currently use skins along with a css style sheet for everything else. So don't think you have to switch directly to faces, you can utilize both to their fullest advantage. But if anyone figures out how to make rollovers on faces skinned buttons let me know.

Similar Messages

JSF: Using own custom styles in skin css file?

I have created custom skin by defining custom css file and implementing predefined ADF style definitions (aliases).
Also, I need some other styles for use on specific parts i application, and my idea was to put these styles in same css file which is used in skin definition.
For example:
.footer_txt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF}
My intention was to use this styles in styleClass attribute of various
adf faces components
But after starting application, I can't find my additional styles in generated css file (pfmskin-desktop-10_1_3_1_0-ie).
Looks like that css generator is ignoring any styles which are not ADF predefined styles?
I was thinking that this is possible, because at the end of srdemo.css file (in SRDemo application) there is one part like this
/* custom styles that I made up and set on the styleClass attribute of various
adf faces components */
.adfFacesDemoSearchPanelGroup
width:100%;
padding:6px 6px 6px 26px;
background-color: #0099CC;
I can put my styles in separate css file, but then I have to include this file in every application page...
Is it possible to have custom defined styles in skin css file, and use them in styleClass attribute?

Hi,
skinning only works with the ADF faces skin selectors. There are plans to support custom selectors in a future version
Frank

How can I customize a skin starting with the Oracle Skin?

I understand that when customizing skins, you start by over-riding the 'simple' skin.
Where can I find the CSS file for the default oracle skin that I can use as a starting point to jump-start the skin customization? What I am trying to do is customize the skin, but I want to use the CSS for the Oracle skin as a starting point to over-ride the simple skin - I really only need to make a few tweaks to the Oracle skin CSS and don't want to start from scratch with the simple skin.
Any help much appreciated.

ps - all I need to do right now is set up some new styleclasses that I can use to format text-related components. in the future I'd like to be able to format tables - i.e., change format not to display borders, change table heading colors, etc. - is this possible with the 2nd approach based on modifying oracle-desktop.xss?

ADF skin css

In my application i am using 3 JSPX pages i have used common skin (CSS file) which is reflecting in all pages and working.
But i want to add few more specific css styles to each page , say i have pag1.jspx , pag2.jspx and pag3.jspx , i want to use page1.css only for page1.jspx , page2.css only for page2.jspx and page3.css only for page3.jspx. is it possible?
if possible can you suggest way to do it?

Hi
I think you can maintain several skins(.css) files
http://download.oracle.com/docs/cd/E17904_01/user.1111/e21420/adfsg_skin.htmhope you will helpful

Is it a correct way to get oracle skin?

I have created a custom skin by coping oracle’s css file (oracle-desktop-10_1_3_1_0-en-ie-6-windows-s) from the cache memory of the solution of SRDEMO application. Then registered that with a name (eg MySkin) in adf-faces-skin.xml and configured an application to use this new skin.
When I did the SRDEMO again with the new skin that I created, the pages look completely different even though I didn’t modify the original skin copied from the solution of SRDEMO.
1.     Why does it give different look and feel?
2.     Is it a correct way to create a custom skin?
3.     If the answer to the question is no, is there any way to get oracle skin?
Thank you

Hi Frank,
Thank you for your reply,
I don’t think that I messed up the configuration file. I have done the following.
1. Copied css file from cache and saved that file as css/myskin.css
2. Then I registered myskin.css in adf-faces-skins.xml as follows
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://xmlns.oracle.com/adf/view/faces/skin">
<skin>
<id>myskin.desktop</id>
<family>myskin</family>
<render-kit-id>oracle.adf.desktop</render-kit-id>
<style-sheet-name>css/myskin.css</style-sheet-name>
</skin>
</skins>
3. Then I configured SRDemo to use that skin in adf-faces-config.xml as follows.
<?xml version="1.0" encoding="windows-1252"?>
<adf-faces-config xmlns="http://xmlns.oracle.com/adf/view/faces/config">
<skin-family>myskin</skin-family>
</adf-faces-config>
Could you please let me know whether it is correct or not?

Use css file in oracle 10g report builder

hi every one
i am using oracle 10g report buidler. i want control paramform by usign css file.
any body have idea how can i use css file in oracle report builder 10g and how can i modify it's path and i how can i manage any css class on a perticular field.

Thanks Billy.
Yes you are right.
Here why I discarded that option is,
I may get the source files with changing layouts.
My Actual scenario is as follows.
Initially we developped all the things using PL/SQL packages. Its working fine.
But as per the inputs we received from requirements group, the file structure changes dynamically. and we would able to consider those new columns also. We should be able to changes the rules dynamically.
Lets say, we doing fullouter join on Src_A and Src_B. on columns col1_A and col1_B.
Now the requirement changes in a way that, the join should be done on Src_A and Src_C. on columns col1_A and col_C.
For this I need to define a new package.
Instead of that, I would like to do everything dynamically based on configuration parameters given as input.
Thank you,
Regards,
Gowtham Sen

About .css file Skin

is there any .css skin file can I download to use in my project?
I download suede.css but it is too old if there is any one has a .css file please send it.
thank you

The best way to use skinning in 11 is by using firefox and installing a addon called firebug(http://getfirebug.com/)
And add this in your web.xml
<context-param>
    <param-name>org.apache.myfaces.trinidadinternal.DISABLE_CONTENT_COMPRESSION</param-name>
    <param-value>true</param-value>
</context-param>
<context-param>
    <param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
    <param-value>true</param-value>
</context-param>When you run a page now you can use firebug to see the styleselectors.
Use inspect on the element your interested in and it will show the style associated with it.
Be sure to force reloads each time you cange the stylesheet.
With firefox thats shift + pressing refresh, this ensures the stylehseet is reloaded
For the navigation pane, these are the selector for a unselected tab
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-content,
af|panelTabbed::tab:hover af|panelTabbed::tab-content {
background-image:       url(....png);
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-start,
af|panelTabbed::tab:hover af|panelTabbed::tab-start {
background-image:       url(....png);
af|navigationPane-tabs::tab:hover af|navigationPane-tabs::tab-end,
af|panelTabbed::tab:hover af|panelTabbed::tab-end {
background-image:       url(....png);
Which are very similair to the panelTabbed in my skin
-Anton

Create a css file and use it

Hi
i use jdev 11.1.1.7
I have several items on the page . for example panelFormLayout .
i want declare several property (background-color ,...) and assing it to all of panelFormLayout .
so whenever i change color of background , background color of ALL panelFormLayout change easily .
(I created a css file and declared my property in it but i cant use it !!! )
NOW i hope to create a CSS file or(any thing you suggest) for this reason and use it .
How can i do this ?
Thanks alot

You can also download the stand-alone Skin Editor to help you create the skins and style you want.
A bit more on the topic here:
https://blogs.oracle.com/shay/entry/styling_specific_adf_components_with

Oracle skin

Hello
We are developing ADF 19g application , Jdeveloper 10.3.3
I need to develop a skin based on oracle skin , how can I obtain the css file and images of oracle skin?

the ADF Faces css (actually xss) files are stored in adf-faces-impl.jar, which should be part of your JSf project when using ADF Faces.
The oracle file is oracle-desktop.xss, located in META-INF\adf\styles\, which inherits from simple-desktop.xss, which in turn inherits from base-desktop.xss.
I was trying to figure out the same thing and found this post, and later the answer, so I thought I should post it here.

Skins won't apply, portal-skin.css is full of errors.

Hi I am trying to follow the Middleware Tutorial for Oracle WebCenter Portal Developers and am trying to apply the skin they made but my css skin files are full of errors. Even the
portal-skin.css is full of errors. The error that they are full of is unknown pseudo-class: alias . As a result of this the skin doesn't show. Any help would be appreciated.

hi beachw08
beachw08 wrote:
... The error that they are full of is unknown pseudo-class: alias . ...Maybe you can try "Tools" > "Preferences..." > "CSS Editor" > "Supported Components" > "ADF Faces Extension" checkbox?
success
Jan Vervecken

Dynamic path does not work in Css files

Hi,
I have a css file in which i have used few images, but when i try to make the path dynamic and include that css in my page the image doesn't appear but when i put the complete path in it it works.
It works when used in this way :
.inputrightbg
background-image: url(http://<hostname>:<port>/idc/groups/public/documents/omp_images/input_rightbg.gif); background-repeat: no-repeat; background-
position: right top; float: left; padding: 4px 10px 4px 0px; height: 26px;
Doesn't work when use in this way :
background-image: url(groups/public/documents/omp_images/input_rightbg.gif); background-repeat: no-repeat;
background-position: right top; float: left; padding: 4px 10px 4px 0px; height: 26px;
Thanks,
Abhijit

Right, you can't put IdocScript in css.
You can use the Web URL Map though to make urls that are easy to deposit in CSS.
Check these out:
http://www.corecontentonly.com/index.php/2009/10/14/web-url-map-extras/
http://blogs.oracle.com/kyle/2009/09/friendly_urls_for_ucm.html
-Jason
http://www.corecontentonly.com
http://www.redstonecontentsolutions.com

How to use a CSS file in a jspx page..

I'm using JDev 10.1.3.4.
I would like to know how can i use a CSS file in a JSPX page..
there is this file: public_html\WEB-INF\temp\adf\styles\cache\oracle-desktop-10_1_3_4_0-en-ie-6-windows-s.css
How do I make use of this is my jspx page?
Also how do i use the style class in property inspector?
What should be the path of "oracle-desktop-10_1_3_4_0-en-ie-6-windows-s.css"?
Also please tell me what changes I have to make in all the other files like web.xml or adf-faces-config.xml.
Im using web application template using (EJB,Toplink and JSF)
Please suggest the detailed steps as I'm new to JSF.
Thanks ,
Shri

under view put a new tag
<f:view>
<ui:script url="page.js"/>
and thats it

How to change the style of a single component using oracle skin Jdev 10.1.3

my hole applications is using oracle skin, I only need to change the color of the menuTab, but I don´t want to create a new skin family...
I tried this link http://www.oracle.com/technology/products/jdev/101/howtos/adfskins/index.html
but the dont tell how to create adf-faces-skins-doc.xml
how is that possible?, please I need help....

Hi,
Ack, I forgot that 10g doesn't have inheritance support either... You'll have to create an XSS file I think, and those are obscure... Also 10g generates image files for menuTab... I think you'll have to create a brand new skin family, sorry :(
Regards,
~ Simon

Error When Uploading a CSS file or Static file

When I am uploading a CSS or Static file , I get the following error. But I can upload images files with no issues.
ORA-02291: integrity constraint (FLOWS_FILES.WWV_FLOW_FILE_OBJ_FK) violated - parent key not found
Oracle XE upgraded to Apex 3.1
Please help
George

Yes, if you upload an image on a normal Oracle Apex Database its stored in the DB.
But, if you remember, when you configire apex you specify an images directory /i/.
Under this directory you will find all the images that apex uses as well as css files, etc.
If you place your image in this directory you can reference it my modifying the appropriate stylesheet/template.
So, for example, you cna place your own stylesheets in the appropriate directory on the server.

Separate CSS files for Differenct Applications in the Same Workspace

I am working in APEX 4.0, using Theme 4 (Topaz), primarily with the region template "Top Bar." The application I am working on has gotten so large that I decided to break it into two applications. So I copied the original application and then deleted the pages that I did not want in the second application. I then modified the authentication for a single login. One of the nice things about the Top Bar template is that you can color the background. I had a blue background in the first application and wanted to use a differenct color in the other. So I created a second CSS file and uploaded it to the Cascading Style Sheets area of the Shared Components file for the second application. Turns out that both it and the style sheet for the first application now show up in the CSS file area. The CSS file for the second application has no effect. Here is the CSS code:
.rc-content-main
background-color: #E5E5AA;
}I also tried giving the region on each page in the second application a static id and then identifying them in the CSS file by the id. That didn't work either, at least not yet. Sometimes it takes the server a while to refresh.
Question: For two applications in the same workspace, can there be separate CSS files? If so, how do I set them up so that each responds only to one of the applications?
Edited by: Doug on Nov 14, 2012 4:54 AM
Edited by: Doug on Nov 14, 2012 7:16 AM

Hello,
If you upload your file to Shared Components >> Cascading Style Sheetst then:
edit your page template in the header section and just before +*</head>*+ tag add :
<link rel="stylesheet" src="#WORKSPACE_IMAGES#MY_FILE.css" type="text/css" />And that will be applied for all pages that have the same Page Template.
You can edit a page and put this in the header section to be applied only for a that page:
<style>
<link rel="stylesheet" src="#WORKSPACE_IMAGES#MY_FILE.css" type="text/css" />
<style>If the file is on your web server then replace #WORKSPACE_IMAGES# with #IMAGE_PREFIX#
This should be helpful to you:
http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21674/concept_sub.htm
Best Regards,
Fateh
If you believe that my answer is correct or helpful to you, then please mark it as helpful or correct...

Oracle skin CSS file

Similar Messages

Maybe you are looking for