[SOLVED] Custom CSS to override skin

I'm having problems with creating my own ADF skins.
Is it possible to use a custom CSS to override your skin's generated CSS? Instead of create my own .css file.

Frank,
When i change the .css file, and run the ADF app via the embedded container or even deploying to the standalone container, my CSS changes are not reflected. I must reset my computer for them to appear.
When does the app regenerate my css file? can i force it to regenerate it all the time? Or is it being cached in memory.
I really need to force it to regenerate frequently for adf skin development. Any ideas?

Similar Messages

Add Custom CSS to SharePoint Foundation 2010

I have SharePoint Foundation 2010. I am trying to use custom CSS to override the out of the box CSS. I have linked my CSS file within the master page a million different ways but nothing seems to work.
Can this be done in Foundation or do I need to purchase Server?

Hi Tory,
How did you add the custom CSS for SharePoint 2010 foundation?
You can upload the CSS file into a library at the SharePoint site collection, then use <SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/Custom/styles.css %>" After="corev4.css" runat="server"/> to include a reference
to your custom CSS file.
In addition, please clear SharePoint cache, and do an IISRESET, then compare the result.
More information, please refer to the links:
http://labs.steveottenad.com/add-custom-css-to-a-sharepoint-2010-site/
http://msdn.microsoft.com/en-us/library/gg447066.aspx
Best Regards,
Wendy
Wendy Li
TechNet Community Support

After deleteing Custom CSS and Custom Functions, cannot get FireFox to recognize audio player. Works in IE and Safari. Site is https and using bluehost.

Using the Genesis Framework on my WordPress site. I can use Safari and IE. However, when I try to use Fire Fox, it will not appear. I deleted all of my Custom CSS and Functions. Still, nothing is working. Contacted bluehost, the representative there was not able to help me out and also emailed CD Baby to see what might work. I am not sure if it is something with my site using HTTPS instead of HTTP of why this is not working? I am told the plugin works on Fire Fox but I cannot for the life of me figure out what's going on. Also changed themes and used Twenty Thirteen among others. Still the same thing. Fire Fox will not work. Tried in Text widget, and pasting on a page, and still not working. IE and Safari it is fine. Do I need to add something else within my site? Thanks ahead of time for any way to solve this situation.

There is mixed active content loaded in an iframe that Firefox is blocking as you can see by the shield icon at the left end of the location/address bar.
*https://developer.mozilla.org/Security/MixedContent
*https://developer.mozilla.org/Tools/Web_Console

ERROR Could not load style sheet: custom.css

Hi i am working with ADF faces.I had used selectors to change the skin.I put all the selectors in custom.css file.And i put the folder in the webcontent folder.
Like Skins/Ex/custom.css.
And here is the content of my adf-faces-skins.xml file
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://xmlns.oracle.com/adf/view/faces/skin">
<skin>
<id>Ex.desktop</id>
<family>Ex</family>

<render-kit-id>oracle.adf.desktop</render-kit-id>
<style-sheet-name>custom.css</style-sheet-name>
</skin>
</skins>
And adf-faces-config.xml content is
<?xml version="1.0" encoding="windows-1252"?>
<adf-faces-config xmlns="http://xmlns.oracle.com/adf/view/faces/config">
<skin-family>Ex</skin-family>
</adf-faces-config>
Now my problem is my application could't recognize the stylesheet.
And while i run the application i am getting the output which is using the Simple skin.......And in the log file it showing the error like
2006-11-09 14:18:58.125 ERROR Could not load style sheet: skins\Ex\custom.css
So anybody could help me in finding out the error.......Hope so..........
Thanks.......
simmi

I am sorry
Here is the content of my adf-faces-skins.xml file
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://xmlns.oracle.com/adf/view/faces/skin">
<skin>
<id>Ex.desktop</id>
<family>Ex</family>

<render-kit-id>oracle.adf.desktop</render-kit-id>
<style-sheet-name>skins\Ex\custom.css</style-sheet-name>
</skin>
</skins>

Custom css file is not loaded

Hi
I had uploaded my custom.css file from Shared components-> Cascading style sheets. Initially I could see the changes reflecting on the pages. After that when I deleted my file and uploaded file again with more edits and additions, I am not seeing the changes. From Firebug Net tab I get to know that my old css file is only loaded always. I tried deleting cache, cookies, browser data and did force refresh. Nothing is working.
Is it possible to know where in filesystem will the my css file be loaded? Any suggestions how to solve this?
Thanks!

The thread given by Rradhika concludes that this problm can be solved by using a HTML page or a JSP page without an accompaning bean.
I tested my application with a HTML error page but it is also not working, the usual error page is loaded, not my custom HTML error page.
Any further suggestions are very much appreciated.
Thank you.

Customizing Oracle ADF Default Skins

Hello,
My JDeveloper Version is 11.1.2.1.0. R2
Is there any tutorial about Customizing oracle adf default skins. For Example I want to change some CSS Properties of "Simple" Skin. I know I can change some properties by using Inline styles but it is not good
way.
I have started reading this tutorial but I think It is complex. Is this not. Is this also for Release 2.
http://docs.oracle.com/cd/E16764_01/web.1111/b31973/af_skin.htm#CHDBEDHA
Thanks
Muhammad Nasir

Thanks Sir for Reply,
Dear Sir I Know How to work with skin editor and how to apply skins to project and I did it. But Sir I want to use Oracle default Skin by Little Modifications to It. For Example If I use "Simple" skin
by changing skin family to "simple" it works fine but how to edit this "simple" skin for customizations.

Custom CSS Best Practice?

I am upgrading a company theme (created in 3.2) to 4.2, so porting old tables, tr, td, custom css etc. into the section and div elements of a copy of Theme 25 of 4.2.
I have a master theme application and am subscribing to it from each application, and have a custom CSS file (in Shared Components whilst developing then will become external in production for performance reasons) referenced in the page templates.
My question is, taking the form region as an example, in Theme 25 at the top of the form region definition you have:
<section class="uRegion #REGION_CSS_CLASSES# clearfix" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>I want to customise the uRegion CSS, so what is the best practice - put a new uRegion definition in the custom CSS file with the new CSS in it, to override the standard uRegion, or change the form template to:
<section class="ABCuRegion #REGION_CSS_CLASSES# clearfix" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>and put a new definition for ABCuRegion in the custom CSS file? Both work but I wonder what is best. By referencing the company name ABC in the template it is obvious that this has been overridden, but by just overriding the standard uRegion and leaving the template as-is, is that better for forward compatibility? I have also read that some people create a new directory on the server, copy a standard theme into it and change the standard css files after that.
regards,
Malcolm.

MalcA wrote:
I am upgrading a company theme (created in 3.2) to 4.2, so porting old tables, tr, td, custom css etc. into the section and div elements of a copy of Theme 25 of 4.2.
I have also read that some people create a new directory on the server, copy a standard theme into it and change the standard css files after that use the copy as the base for a custom theme.That's the recommended approach if you're really creating a custom theme rather than just tweaking things here and there. It follows the principle of separation of concerns in that by retaining the standard <tt>uRegion</tt> class you can change the appearance of the application simply by switching the referenced CSS, rather than having to change template, HTML, and CSS.
It's also more efficient than having the browser parse and apply multiple levels of override rules, and more likely to allow designers and developers to remain sane as they have fewer strange cascade and specificity bugs to deal with.
Best practice for serious customization is to leave <tt>/apex/images/...</tt> untouched and create your own CSS/images/JS folder structure elsewhere on the web server. This makes it easier to apply APEX patches and upgrades, and to manage your custom resources.

CSS view for Skin

RoboHelp HTML Version 8
Hi,
is there a more advanced/detailed way to modify colors and images of a skin?
Does a custom skin have a custom CSS somewhere?
Thanx

Hi,
Unfortunately, that's not the case. The styling of the skins is set in JavaScript, such as whthost.js for the TOC. There are two thing you can do (or do both, like me):
1. Edit the different javascripts (also javascripts in HTML files, such as whtdhtml.htm!). Search for 'style' and you'll quickly find the different functions to write the style blocks.
2. Create a custom css and apply it to your output files.
Greet,
Willam
This e-mail is personal. For our full disclaimer, please visit www.centric.eu/disclaimer.

Custom Buttons in WebHelp Skin

Hi all,
I am trying to add a button to my WebHelp version of my
project to enable readers to print the current topic. In my skin
editor, I managed to add a custom button, Print, with an image
entered window.print() in the JavaScript onClick field that is
provided (this is a standard JS call that prints the window). After
updating the view in the Skin Editor, the button is displayed, but
after re-generating the WebHelp layout, I can't see my new button.
I thought maybe the Advanced tab's Dependancies list might have
something to do with it, but I am not sure what it is for exactly.
Is there a trick to adding custom buttons to skins to get them to
display in the generated format?
Thanks in advance for your thoughts,
darkagn

Hi Captiv8r and thankyou for the super-fast response :)
Your reply allowed me to add the custom button to my skin.
However, the window.print() function only prints the area
with the buttons, not the topic itself. So I thought I'd re-post
and explain how I actually solved the problem of printing topics in
WebHelp in case anyone else needed the same info.
I ended up adding a button to the template that all of my
topics are derived from, in the footer so that the button remained
below the topic itself. I had to add the button in the HTML editor
with the following code:
<form style="text-align: right; padding-right: 10px;">
<input id=printbutton type=button onClick="window.print()"
value="Print Topic" style="width: 90px;">
</form>
Now, because the Print button appears in the same area of the
screen as the topic itself, the call to window.print() prints
everything in that frame (which unfortunately includes the button
itself, but this is a small price to pay to be able to print topics
from WebHelp).
Anyway, I hope this solution helps someone out
there...

Responsiveness of forms - custom css

Hi
I notice the forms widths are set to pixel based, which causes problems when embedding forms in responsive designs. when a site is viewed on a smaller device the form breaks over the container that holds it. making the whole form very messy.
There needs to be the ability to have forms that are responsive in todays current web design ability.
I guess this also leads to the ability to have custom CSS styles applied to customise the use of web fonts, and custom form elements. - with ability to use custom css files it would go to solving the issue with making form responsive as we could make use of media queries to deal with such issues.
Adobe you need to make this form web designer friendly rather than non expereinced users, I use these forms because it a great extension to having to search emails trying to find submitted data and can have other users repond to form submissions all from one place.
Please advise on what is already in place to deal with such problems and where Adobe see advancements of formcentral in this area?

Hi,
I believe by responsive, you mean the ability to customize the form on your web page via a customized CSS or api. This is not something we currently support but you can add or vote on feature ideas:
http://forums.adobe.com/community/formscentral?view=idea
If you need to add a new idea click "Create an idea" under "Actions" in the top right.
Thank you for your suggestions and feedback, If you like please provide the link to your html page with the embedded form or send the link to [email protected], a description/steps of the problems that you are facing so we have a better understanding of the issues.
Lucia

Using Custom css in master page but it changing the alignment when some user log in

Hi all,
I created a custom css and i applied on master page,this css is good for admin log in,but other group users are loges in, css is changing in Alignment of Pictures how to solve this issue , I given the permission for the style library where
i placed the images and css file

hi,
This usually happens to me when the CSS file is not published or approved yet. Where is your new CSS located? Have a look
with SharePoint Designer or browse to it and publish/approve it.
use refrence from below links
http://sharepoint.stackexchange.com/questions/53565/css-and-js-files-work-for-admin-but-not-for-members-and-visitors-sp-2013
http://sharepoint.stackexchange.com/questions/20558/sharepoint-2010-branding-i-see-it-as-site-admin-but-rest-users-dont
Whenever you see a reply and if you think is helpful,Vote As Helpful! And whenever you see a reply being an answer to the question of the thread, click Mark As Answer

Is it possible to change the color of a layer of a Customs CSS from an External Style sheet?

Hi,
I have sucessfully link External .css file to my HTML page and able to change the font size of the headlines and the paragraph.
What I am not able to do is to ADD the color my Custom CSS from the External sheet. I have difined the color attribute as a 'Advance'
and gave it the same name "#bigwraper" that is has in my HTML file.
Attached is the color outline of my 'Blank Layout' with colors?
Thank you.
Dreamer101.1

Hi Murray,
I am building a web site on which the entire content would be changed at least daily. The website would have similar design to www.Helium.com
The page will have CCS layout boxes in which different content would be pasted.
To re-phrase my question: I want to know how to change the color of a layer from an external style sheet?
Because my home page 'Sidebar' and colors would be the same for all page, only the content of different pages would be different. If I want to change a color of my web side pages, I need to learn how to do it in one spot through an External Style Sheet.
I am amble to link my external style sheet and to change H1 tag and to give it different colors. But I was not sucess with change the color of a layer on which my content sits around.
I took out the color from my HTML page and gave the same name to the layer in my External Style Sheet with the same color.
Hope my question and the reason I was able to clarify.
cheers,
Dreamer101.1

How Do I Use a SINGLE Custom CSS for My Project?

How do I set a single CSS for a project?
Currently, I have linked (I checked, they are actually linked) FM files. The project is Responsive HTML 5 Single Source Layout. It is set up this way:
Project Files
Each FM file has a folder that contains a CSS, an FPJ, any baggage (PNG, for example) and an HTM.
So, for my project, I have 31 such folders.
Above them is RHStyleMapping.css.
That's it
To map my project to a custom CSS, I did this:
1) Created the custom CSS (let's call it TheSingleCSS-sb01.css) and put it in the same location as RHStyleMapping.css.
2) Right-clicked Responsive HTML5 (Primary Layout) in the Single Source Layouts pane.
3) Selected Properties. The Responsive HTML5 Properties dialog box opens.
4) Click Content, select the Apply to all Topics check box, select CSS, and choose my CSS, TheSingleCSS-sb01.css.
5) Click Save and Generate. Generating happens.
6) When prompted, click View Result.
7) Double-click one of the resulting topics, and choose the HTML tab.
8) Notice the following CSS files are referenced, NOT the one I want:
<link rel="stylesheet" href="Configuration_ChangeWorkflow.css" type="text/css" />
<link rel="stylesheet" href="..\..\RHStyleMapping.css" type="text/css" />
<image>
So:
1) How can I replace 32 individual CSSes with one single custom CSS?
2) Also note that Project Manager does not display my custom CSS, even though it is in the same location as RHStyleMapping.css and referenced in the Properties dialog box.
Thanks all,
Sean

Hi, so as I mentioned before, I have used Apply to all and this doesn't work. The resulting HTML still uses a specific CSS for that one HTML file.
1) I put the CSS I want to use, Sean01.css, in the top level of my project using Windows Explorer.
2) I Save and Generate.
3) But, my settings for styles in the CSS are not used. For example, FM_GlossaryDefinition is defined with a 0 left indent but actually uses a 144pt indent (that mirrors the print FM document and that I do not want).
4) And, you can see from the actual HTML, that the Sean01.css file that I applied to all topics (see the first image) is not referenced. What am I doing wrong?
What am I doing wrong? Again, these are imported FM files; this is not linked.
Thanks,
Sean

Custom CSS-Applying selected background for all the cols in the report

Hi,
I am trying to set a particular background for all the columns in the report(not for all the projects,so that I can avoid option of manually setting background color for complete report.For this I thought custom CSS is best option.So edited custom.css(C:\OBI11g_Middleware\Oracle_BI1\bifoundation\web\app\res\s_blafp\b_mozilla_4) file with below code and went to the Answers-> Criteria->Choose Column->style-> check "Use Custom CSS Class"->MyCell
Code used in custom.css
.MyCell { background-color: #00ff00; font-style:italic; font-weight: bold;}
Somehow I dont see the background color applied to any of the columns in report.Can anyone had successful attempt of this Custom CSS.Thanks in Advance.

I am trying both the solutions.
User 979493,
I started manually writing the code instead of pasting and almost worked.In the mentioned below paths I dont have custom.css file,so I created one and manually entered below code.But does it work for only that particular column and not for all the columns.Is it supposed to work for all the columns or just that column.
For example: I have 2 cols in the report,I used "Use Custom CSS Class" -> MyCell for the first column and when I ran results it shows background color for only col1 and not for col2.I thought this feature will apply background color for all the columns in the report.Please correct me if I am wrong.
custom.css file content:
.MyCell{background-color: #00ff00;font-style:italic;font-weight:bold;}

How can I use this?? Custom css style.

!http://unisonsoft.iptime.org:8000/sample.jpg!
Please look at this image.( Dashboard -> page option -> section properties -> Custom CSS Style Options (HTML Only) -> Use Custom CSS Style)
I want to use Custom Css Style.
What can I do for this?
Thank you.
Edited by: user626249 on 2009. 7. 28 오후 10:28

Thank you Mr.Jhon and everyone.
My client asked me "how can I see the pages on dashboard with many CSS"
Sorry...Actually I can`t use ENGLISH very well...
For example)
Page1 has two tables.
These table`s font-size is 12pt.
page2 has two tables too.
These table`s font-size is also 12pt.
In this case, I only want to change table`s font-size 10pt in page2.
The font is set the file "/OracleBI/oc4j_bi/j2ee/home/applications/analytics/analytics/res/s_oracle10/b_mozilla_4/views.css"
If I change this css file, page1 and page2 has same format of tables.
So I need to change olny one page`s table font-size using Custom Css Style.
This is my best writting...Sorry...;;;;;;;;;;;;;;;;
Thanks everyone...If you understand me, please help me.^^
Edited by: user626249 on 2009. 7. 29 오전 2:22

[SOLVED] Custom CSS to override skin

Similar Messages

Maybe you are looking for