EL in css files

Hello. Can anyone tell me if it's possible to use EL expressions in css files? In my css I want this
#header { background: #eee url("#{resource['img:banner_mountains.jpg']") no-repeat center top; }
So the background image for my header should be got from resources/img folder. The path is right, this picture can be added to jsf page via h:graphicImage tag. But EL seems to be ignored in css. Is it possible to make it work in css or are there any other ways to force css get the picture using resource[LIBRARY:NAME] feature?
P.S. The next code works
#header { background: #eee url(../resources/img/banner_mountain.jpg) no-repeat center top; }
but for clear solution I'd like to use resource feature
Thx!

BalusC, that's what I'm trying to do - access to my images from .css using resource directive. But it seems expression language #{...} is ignored in css and it tries to interpritate the directive as the path and not as a command. The example in the first post doesn't work and actually my question if it should work at all?
Tomcat 6.0.20 gave me this message on deploying the application
"INFO: Initializing Mojarra 2.0.0 (Beta2 b14) for context '/TestingJsf2.0'"
I guess Beta2 b14 is the version you are asking about?

Similar Messages

Generally when creating a Word file from either a Mac or Win7 pc and opening it on two different machines (either one first) it always prompts that the file is open and will be opened as read only. However opening a CSS file does not prompt that it is alr

Generally when creating a Word file from either a Mac or Win7 pc and opening it on two different machines (either one first) it always prompts that the file is open and will be opened as read only.
However opening a CSS file does not prompt that it is already open on or from any machine which is causing code edits to be lost.
What we found from out testing:
- The file can be saved from one user to the server and WILL NOT PROMPT on other machines until the saving machine has the Dreamweaver program closed completely
- The file can be closed and Dreamweaver minimised to the launch bar but it still will not register on other machines that it has been changed.
- Also, until the Dreamweaver program is closed on the machines, it will continue to open it's saved version of the file.
Example Scenario:
- User 1 opens test.css (which is 2000 lines) and adds some code to the end of the file to bring it up to 2500 lines
- Meanwhile User 2 opens test.css as well (opens as 2000 lines as User 1’s edits have not yet been saved) and adds in code to bring it to 2300 lines
- User 1 saves his file and closes it - but Dreamweaver is still open.
- User 2 also saves his file and leaves Dreamweaver open.
- The server will report the size and last edit of the file the same as User 2 as he was the last person to save it (and if you open from the Win7 Machine it will show as User 2’s 2300 line version)
- If User 1 then open's the file again (from either the 'recent' in Dreamweaver OR clicking on the file directly in Finder...which version opens.... The version that User 1 saved! Not the true version on the server, but the version that User 1 edited and saved with 2500 lines in it.
- Same for User 2, he will open 'his' version with 2300 lines in.
Other information:
- Files are opened directly from the server
- Sometimes the users will save incrementally and re-open
- Most of the time users will save incrementally and keep the files open
- The users will never not save incrementally and just save when closing the file once finished
- The users are usually working on the files all day
- It is always the bottom lines of code that are lost. It could be a case of the two versions being mixed up and cutting off the newly added lines based on the line count (possibly).
It is as if Dreamweaver is holding a cache of the version locally and then only properly looking back to the server when it has been completely closed. It is very difficult to see how the server is causing such an impact on these files, there are very few logs which are giving any indication to the root cause of the problems.
Anyone know if this is a known issue?
Is there a way that there can be a featured implemented on the server that doesn't allow another user to open a file if it is already open on another machine?
Thanks

Your server file handling has nothing, and really nothing to do with Adobe software. If files don't get locked for (over-)writing and/or lose connection to the program opening them, then your server is misconfigured. It's as plain and simple and that. Anything from "known file types"/ file associations not being set correctly, MIME types being botched, crooked user privileges and file permissions, missing Mac server extensions, delayed file writing on the server, generic network timeout issues and what have you. Either way, you have written a longwinded post with no real value since you haven't bothered to provide any proper technical info, most notably about the alleged server. Either way, the only way you can "fix" it is by straightening out your server and network configuration, not some magic switch in Adobe's software.
Mylenium

Problem with CSS files when placed in multiple locations.

Hi,
In our application we have a folder structure for the code files. Folder structure looks something like the one shown below:
ABC
---Scripts
---Stylesheets
DEF
Scripts
Stylesheets
Common
---Scripts
---Stylesheets
The problem is, if we create a CSS file and place it in its module specific folder (Eg: ABC) to which it belongs to and call the CSS on a page, then the styles are not getting applied to the page. But if we move the stylesheet to the Common folder, then page renders properly. In common folder, we already have a common CSS which is used across the project.
Facing similar problem with module specific and common js files.
We have to move all the module specific files to the module folders and all the common files to be placed in the Common folder.
MII Version: 11.5
Please help!
Regards,
Rajesh.

Rajesh,
Also note that, If your html is referencing to multiple css files then the last referenced CSS file style classes will override all the style class having same names in the previous css files.
for example,
say CSS1 has
.bodycolor
background-color:yellow;
.button
color:red;
h1
font-size:50pt;
and CSS2 has
.bodycolor
background-color:red;
.button
color:yellow;
And your HTML is,
<html>
<head>
<link rel="stylesheet" type="text/css" href="css1.css"/>
<link rel="stylesheet" type="text/css" href="css2.css"/>
<title>CSS Test</title>
</head>
<body class="bodycolor">
<h1>Hello World</h1>
<input type="button" class="button" name="B1" id="B1" value=" Click " size="50">
</body>
</html>
In this case the classes "bodycolor" and "button" will be overridden by css2 file but h1 will be taken from css1
Hope this helps!!
Regards,
Adarsh

Removing warning for "Default CSS file not found."

I am getting this warning in Flash Builder:
"Default CSS file not found."
I can not for the life of me figure out how to get rid of it. Any suggestions?

Default css file can be specified as a compiler option (per SWC, I think).
See http://livedocs.adobe.com/flex/3/html/help.html?content=compilers_14.html
For example, flex framework has a default CSS file: C:\Program Files\Adobe\Adobe Flash Builder 4\sdks\3.5.0\frameworks\projects\framework\default.css
Do you have some library project or a swc with default css file option turned on, but the css file is missing?

Unable to embed External CSS file, dropdown list,filter panel and dimension filter are not working in SAP Design Studio Tool

Hello Everyone,
I am new to SAP Design Studio. I am working on creating dashboards and I am using Design Studio 1.2 version. Please suggest some solutions for the following issues. Thanks in Advance.
1. External CSS file which is embeded using custom CSS option under "application component properties" is not working.
* I kept the external CSS file inside repository-> my application folder.
2. During runtime, getting javascript error while selecting '-' option from filter panel.
3. Unable to select or type dimension name under "dimension filer component" properties.
4. Getting runtime error for dropdown list, and I have inserted the following code under "onStartup" option of Application component properties.
"DROPDOWN_1.setItems(DS_1.getMemberList("PRODUCTREF", MemberPresentation.INTERNAL_KEY, MemberDisplay.TEXT, 20));
and dimension values are not populated in auto suggest."

There should be an Error Log under View > Error Log that gives you more details of these errors. Could you add that? There is also a View > Script Problems log that provides more details as well.

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 can I specify a different css file for mobile browsers?

I'm experimenting with updating our website to be "mobile friendly". I could use some help.
We use a lot of static HTML landing pages for things like links from email ads, etc. What I'm trying to do is have 1 landing page so the content/html page is always the same, but the page will detect what browser/device you are using and then load a different css file depending on what it is. But, we don't want to have to load the style info from the PC version if you're not on a PC.
What I'm doing now is specifying the media type in the css link, like this..
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css" type="text/css">
What's happening is it's loading the main stylesheet first, and then the 2nd one changes some styles if you're on a device with a max width of 480 pixels (like an iPhone). But since it's loading the PC styles first, it's making some things look screwy.
So, is there a way to say "If you're on a PC, load this stylesheet. If you're on an iPhone, load this one instead." .. without javascript? I don't trust javascript too much on mobile devices. I feel like this some simple little thing that I'm missing that will make it all automagically work.
We don't want to have different content depending on the browser, just different stylesheets. Can anyone help?

Hi
Would it be better to do 2 different stylesheets, or just one big one and add a section at the bottom like:
@media only screen and (max-device-width: 480px) { .styles {whatever: styles;} }
2 separate style sheets are recommended. The reason for this is that the Safari mobile browser, (as used in iPhone etc) will download any/all images specified in a style sheet even if they are not used or specified in a media-query rule, this is a know bug with that browser.
I'm also having a new issue where the style "clear: both;" doesn't seem
to be working right. I set up my top horizontal menu using float: left,
and there's a lot of links so on the smaller screen it wraps, which is
fine but now the wrapped links are floating over the page content...
This is one of the reasons that floats should not be used in style sheets for mobile devices, the only exception I know of is for small typographical feature such as 'pull-quotes', (and never use float: right;). It is also recommended to include a menu at the bottom of the page, (or at least a link back to the top).
It works, if I have the iPhone as portrait it looks great, but if I turn
it to landscape, everything is zoomed in. But if I switch back to
portrait, everything is the right size. Is there any kind of way to get
the landscape to have the normal zoom level? I know I can do
"initial-scale=1.0", but that is just for when the page loads, not if
you change it afterwards...
I have heard of only one recommendation to fix this and that is a page refresh on resize, but due to bandwidth limits now being implemented by many providers it is probably not a good idea, you could try setting -
maximum-scale = 1.0
as well.
PZ

[Web] Is there a way to generate more than 1 CSS file?

Obviously using model.appearance. with AddCustomCSS lets us generate a CSS file.
I could create an AddPage file that uses maps nonCSS values into a pregenerated CSS file. The problem is that live_update doesn't handle these well.
(if someone wants to write a more indepth look at doing stuff in Live Update, that would be fine with me, not to mention Matthew Campagna and John Beardsworth)
Is there an alternative way, or are we restricted to one CSS file per model section? why do I need more than 1? iFrames. I don't want the same body values etc inside the iFrame HTML.

Let me put it another way:
What would I need to add to live_update.js to have nonCSS values force a refresh?

How to link a css file in the xsl file

Hi
           I would like to know how to include link to my .css file in my .xsl file.
The scenario here is I want include a background color in my ShowForm.I am trying to do the same using css.
This is the code snippet in my css file
.outerbody {
     background-color: B1C1CF;
This is how I tried to include a link in my xsl file
<link href="/irj/go/km/docs/Testing/MyNewsDemo/css_test.css" type=text/css rel=stylesheet>

Hi
          Thanks a lot. It would be very helpful if you send me an example.
As of now I have found a solution,I would like to share it here.
I added a link to my css file in xsl:
<link rel="stylesheet" type="text/css" href="/irj/go/km/docs/Testing/MyNewsDemo/css_test.css">
</link>
I replaced the standard class name "body" with my class name "outerbody" specified in the css file.
<body class="outerbody">
Edited by: SRIVIDHYA RAGHUNATH on Feb 25, 2009 11:19 AM

Safari not loading .css files / hanging page load

A bit of an odd one this...
I'm having a few issues a couple of websites in that the page takes an age to load - and when (if) it does, the CSS file hasn't loaded, so the page is unstyled.
One page is http://www.liverpoolfc.tv - the main page and the advert page before it both have the same issue.
From the activity report, this is because the browser is not completing the download of the file http://www.liverpoolfc.tv/lfc.css - although this will download fine if I download the file not as a part of the site.
The (Safari) activity report shows that the page's .css file is stalling, in this case at 8.0KB out of 8.6KB - this is consistent each time I try to load the page.
The problem occurrs in both Safari (3.2.1) and Firefox (3.0.6) on Mac OS X 10.5.6. It also happens with the current version of WebKit and Camino. The computer is up to date on all other relevant patches, including the recent Security Update, Java Update 3 and Flash.
I'm experiencing this problem with another website, again with the .css file not loading.
Similarly, I have two computers (both the same versions of software) and the problem is consistent between them.
What I've tried so far...
- resetting Safari
- deleting the cookies manually
- using a proxy server
- starting Safari in Rosetta
- using a copy of Safari without any user preferences (via the System Admin login)
None of these have made a difference. However, given that this is a problem across Safari, Firefox etc., I suspect this must be an issue in a shared component.
Any thoughts?

1. From the Safari menu bar, select
          Safari ▹ Preferences... ▹ Extensions
Turn all extensions OFF and test. If the problem is resolved, turn extensions back ON and then disable them one or a few at a time until you find the culprit.
2. From the menu bar, select
           ▹ System Preferences… ▹ Flash Player ▹ Advanced
and click Delete All. Close the preference pane. Test.
3. From the Safari menu bar, select
          Safari ▹ Preferences... ▹ Privacy ▹ Remove All Website Data
and confirm. Test.

Trying to dynamically load CSS for project at compile time via config XML file to select CSS file.

I'm using the same code base to compile different versions of a project. Each project has different base fonts. I've created multiple css files that use the same style names. The idea being that in the code I reference the style names, then the loaded CSS determines which font (and size, color, etc) is used for each style name.
The CSS files are compiling to SWFs, and those SWFs are referenced in config.xml files. Before compiling, I select the config file to use.
I am loading the CSS SWF files via the StyleManager in the Application.mxml, like so:
styleManager.loadStyleDeclarations( _contentData.elements( 'cssPath' ).@path )
The path traces out correctly as:
assets_embed/styles/project2.swf
For some reasone I must include an fx:Style line in the Application.mxml file or no fonts are recognized. Example:
<fx:Style source="assets_embed/styles/project1.css"/>
If I reference the css for project one (as done above) then most, but not all, styles work. Some styles reference the fonts from the project 1 css, others properly use fonts from project 2 swf. If I point to the CSS for the project I'm compiling in the <fx:Style > tag then all fonts work, but that defeats the goal of using XML rather than code to identify the styles.
So, why do I need the fx:Style line if the css is being loaded via StyleManager?
Why is there "cross talk" between style definitions?
Is there a better way to select styles at compile time?

I read this quickly so I might have missed a detail. I think your describing an issue with recent Flex releases that is described in the fine print somewhere. If you don't have any fonts embedded in the main app and are only bringing in fonts embedded in CSS SWFs, you have to force-link the EmbeddedFontRegistry by adding something like this to the main app's script block.
import mx.core.EmbeddedFontRegistry; EmbeddedFontRegistry;
(Yes, "EmbeddedFontRegistry" is in there twice, once to define the fully qualified name, the other to create a class dependency to force the linking).

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...

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

When I try to attach my css style sheet Dreamweaver gives me an error saying that my .css file appears to be an .html file and will not attach. How do I fix this so I can attach my style sheet?

I have built a css style sheet in Dreamweaver. When I try to attach it to my html website, it prompts me that my "css file appears to be an .html file and cannot attach". I've tried removing the /* */ as suggested by other forums, but this has not resolved the issue. I was using css style sheets with no problem 2 days ago. Now I get that error message. How do I fix this so I can attach my style sheet?

What does the code of the CSS file look like?
An external CSS file needs to be written in CSS only (no html tags like <html>, <body>, <head>, etc ).
It also must have a .css file extension, if yours has a .html extension it won't work.

EL in css files

Similar Messages

Maybe you are looking for