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

Similar Messages

How To Use a css File To Watermark A Report

Hello.
I am using Apex 4.0.1 and have a need to place a watermark (that is, a background image) over a report, both a "classic" type and Interactive Report.
I have two questions about this.
1) I've searched this Forum and found several good questions/responses about this subject. What I think is the most maintainable solution is to create a .css file and reference this file within the Template section of a copy of, say, the "Reports Region" template used by my application theme. And so, I made a copy of the "Reports Region" template and called it "Watermark Reports Region". I then created a very simple .css file called "bgimg.css" defined as:
#REGION_STATIC_ID# {
background-image: url(#WORKSPACE_IMAGES#menu_bug.png) !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
Note: For those that may not know, the "!important" clause is, in fact, a css defined clause used to tell the browser that it should give the associated option the highest precedence. This prevents my desired css option from being overridden by another css file. Frankly, I myself did not know this until after I saw it being used in several of the responses on this Forum and then read up about it.
I uploaded this css file via the Apex "Shared Components -> Cascading Style Sheets" option. I also made sure that menu_bug.png is, in fact, among my workspace images.
I also made sure that my "Watermark Reports Region" template contains the substitution variable "REGION_STATIC_ID" and that my actual report region has a value in the Region Static Id field.
Within my "Watermark Reports Region" template, I tried to reference my .css file. This is where I think my problem is.
I placed
<link rel="stylesheet" type="text/css" href="#WORKSPACE_IMAGES#bgimg.css" />
at the very top of the Template section in my "Watermark Reports Region" template.
I then assigned my template to my Apex report. When I run my report, I see nothing.
So, how does one reference this css file within the template?
=================================================
2) I tried using my css tags as an internal style by placing it within the "HTML Header" section of my application page. I used:
<style type="text/css">
#empreport {
background-image: url(#WORKSPACE_IMAGES#menu_bug.png) !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
</style>
I assigned a div tag to my report region header and footer that looks like:
In Header: <div id="empreport">
In Footer: </div>
When I run the report, I do get the image. But it is surrounding the report. It looks like my report is "floating" in a sea of bug images.
So, how can I get these images to actually appear within the report itself. In other words, I want the report itself to be "transparent" so as to allow these images to be seen within the report body itself.
Thank you all for any help/advice/code example.
Elie

Elie
Thanks for taking the time to post sufficient information to understand the problem. In future if you're going to such efforts you might want to use them to reproduce the problem on apex.oracle.com, which means you can share actual working (or more likely not working!) code. Please also always wrap code posted on the forum in tags<tt>\...\</tt> tags to preserve formatting and special characters.
>
I placed
<link rel="stylesheet" type="text/css" href="#WORKSPACE_IMAGES#bgimg.css" />
at the very top of the Template section in my "Watermark Reports Region" template.
>
According to the relevant HTML 4.01 and XHTML 1.x standards, <tt>style</tt> and <tt>link rel="stylesheet"</tt> elements should only appear within the <tt>head</tt> element of a document.
This changes in HTML5. The new <tt>scoped</tt> attribute allows <tt>style</tt> to be used in a prescribed way elsewhere in the document, with the effect that the styling rules specified are only to be applied to the other descendant elements of that <tt>style</tt> element's parent (in the way you're trying to do here). I'd expect <tt>link</tt> with a <tt>rel="stylesheet"</tt> to remain restricted to <tt>head</tt> content in HTML5: off the top of my head I can't see a use case for referencing external stylesheets in a non-metadata context.
That said, current browsers apply CSS regardless of where in the document it appears, and future HTML5-compliant ones will continue to continue to do so for backwards compatibility. For myself, when using XHTML 1.0 I'll continue to follow the only put <tt>style</tt> and <tt>link</tt> elements in the page <tt>head</tt>. When I get round to using HTML5 for real I'll follow the standards for that as well.
I strongly recommend that you follow the standards and only put <tt>link rel="stylesheet"</tt> elements in the page <tt>head</tt>.
>
Note: For those that may not know, the "!important" clause is, in fact, a css defined clause used to tell the browser that it should give the associated option the highest precedence. This prevents my desired css option from being overridden by another css file. Frankly, I myself did not know this until after I saw it being used in several of the responses on this Forum and then read up about it.
>
Use <tt>!important</tt> only where it's actually needed. It's over-represented in this forum because Oracle changed the order of style sheet inclusion in APEX 4.0 and made it more difficult to override theme styles using CSS in the page HTML Header without modifying page templates.
Try your styles initially without using <tt>!important</tt>, and also consider using the cascade to provide any necessary overrides by including your CSS after other style sheets.
>
I then created a very simple .css file called "bgimg.css" defined as:
#REGION_STATIC_ID# {
background-image: url(#WORKSPACE_IMAGES#menu_bug.png) !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
I then assigned my template to my Apex report. When I run my report, I see nothing.
>
Because <tt>#WORKSPACE_IMAGES#</tt> is not substituted in external CSS files: +{thread:id=986329}+
If possible it's much better to locate image, CSS and JavaScript files externally on the file system. Otherwise you'll have to use the workaround suggested in that thread and include a <tt>style</tt> element in the page templates to specify the background image.
When I run the report, I do get the image. But it is surrounding the report. It looks like my report is "floating" in a sea of bug images.Reports are descendants of their region containers and may be subject to additional built-in or theme styles that overrides that specified for the region. Your CSS selector has to specify the report element, not the entire region.
So, how can I get these images to actually appear within the report itself. In other words, I want the report itself to be "transparent" so as to allow these images to be seen within the report body itself.I'd use a <tt>class</tt> attribute in the region template: this removes the need to use the <tt>#REGION_STATIC_ID#</tt> selector, and allows the CSS to go in the page <tt>head</tt> where it belongs. Add <tt>watermark-report-region</tt> in addition to any existing <tt>class</tt> values in the region template:
<div class="borderless-region watermark-report-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
<div class="bl-body">#BODY#</div>
</div>You may have to inspect the page source (use a web inspector like that found in Safari, or the Firefox+Firebug combo) to figure out what has to be overridden in the theme/templates you're using. This worked for an Interactive Report using theme 17:
.watermark-report-region .apexir_WORKSHEET_DATA {
background: #fff url(/i/menu/blank_app_32.gif);
.watermark-report-region .apexir_WORKSHEET_DATA tr.even td,
.watermark-report-region .apexir_WORKSHEET_DATA tr.odd td {
background-color: transparent;
}For a standard report you'll need to identify the selector required for the actual report element (equivalent to the <tt>apexir_WORKSHEET_DATA</tt> table) using the web inspector or from the report template. It would be a good idea to create standard report template(s) incorporating a <tt>watermark-report</tt> class on the report table to provide a simple selector for such reports.

How to use multiple video files??

hi all,
i am using flex 4 ...
now i have designed video player..
i used single flv file for execution..
how to use more flv files in tis program???
i have included program also..
can any one reply for this...
thanks in advance...
regards,
saran r
video.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="init()" height="700" >
    <fx:Declarations>
        
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.core.UIComponent;
            import flash.events.NetStatusEvent;
            import flash.media.Video;
            import flash.net.NetConnection;
            import flash.net.NetStream;
            private var nc:NetConnection;
            private var stream:NetStream;
            public var videoDuration:Number;
            public var nsClient:Object = new Object();
            private var videoComp:Video = new Video();
            private var meta:Object = new Object();
            private var timer:Timer = new Timer(100);
            private var uiComp:UIComponent = new UIComponent();
            private function init():void
                nc = new NetConnection();
                nc.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler);
                nc.connect("rtmp://localhost/saran");
                this.addElement(uiComp);
                uiComp.addChild(videoComp);
                timer.addEventListener(TimerEvent.TIMER,timerHandler);
                timer.start();
            private function netStatusHandler(event:NetStatusEvent):void
                trace("Code ===>>>    "+event.info.code);
                if(event.info.code == "NetConnection.Connect.Success")
                    connectStream(nc);
            private function connectStream(nc:NetConnection):void {
                stream = new NetStream(nc);
                videoComp.attachNetStream(stream);
                stream.play("Terminator")
                // stream.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler);
                stream.client = nsClient//new CustomClient();
                nsClient.onMetaData = metadataHandler;
                trace("stream ===>>>    "+stream.currentFPS);
                //responder = new Responder(onResult);
                // nc.call("getStreamLength", responder, "bikes" );
            private function metadataHandler(metadataObj:Object):void
                meta = metadataObj;
                videoComp.width = metadataObj.width;
                videoComp.height = metadataObj.height;
                //positionBar.move(videoComp.x, ((videoComp.y + videoComp.height)+20));
                //positionBar.width = videoComp.width;
                trace("Duration ====>>>>   "+meta.duration);
            private function timerHandler(event:TimerEvent):void
                //trace("Timer called.........."+stream.time);
                //positionBar.setProgress(stream.time, meta.duration);
        ]]>
    </fx:Script>
</s:Application>

I have the same question but I am using two pc's

How to use a key file in the FTP Task using and SSL connection

In the past I have used this code to set the FTP pass word in an FTP component task in SSIS.
Does anyone know how to use a Key file in an SSL connection to download a file from an FTP site? If not can you tell me where I can get the C# code examples to learn how to create a script task or if there is another way in SSIS to download large files
from an SSL FTP site? Thank you for any help offered.
public void Main()
ConnectionManager FTPConn;
FTPConn = Dts.Connections["FTPServer"];
FTPConn.Properties["ServerPassword"].SetValue(FTPConn, Dts.Variables["FTPPassword"].Value);
Dts.TaskResult = (int)ScriptResults.Success;
Antonio

You can use SFTP for this.
This is a way of implementing SFTP in SSIS using standard tasks
http://visakhm.blogspot.in/2012/12/implementing-dynamic-secure-ftp-process.html
also see
http://blog.goanywheremft.com/2011/10/20/sftp-ftps-secure-ftp-transfers/
Please Mark This As Answer if it helps to solve the issue Visakh ---------------------------- http://visakhm.blogspot.com/ https://www.facebook.com/VmBlogs

How to use my as3 file in flex

hi, I am new in flex and want to divert into flex. How to use my as3 file into flex. Is there any sample tutor . so, that I could learn fast.

Please clarify. Is this .as file a class you previously used as a complonentcomponent you now wish to use as the main application?
If the .as file just has variables and functions you wish to access from your Flex app, use:
include "subfolder1/subfolder2/etc/MyASFile.as";
If you want to use classes from the file, do this:
import subfolder1.subfolder2.etc.MyClassName;
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services

I am trying to create mobile pages using the steps file new new document page from sample mobile starters jquery mobile (cdn). When "page from sample" is selected, the subsequent options are not available. This seems like a silly question, but how do I

I am trying to create mobile pages using the steps file>new>new document>page from sample>mobile starters>jquery mobile (cdn). When "page from sample" is selected, the subsequent options are not available. This seems like a silly question, but how do I acquire these options?

You can get the latest jQuery Mobile Themes directly from jQuery Mobile's web site.
https://demos.jquerymobile.com/1.1.0/docs/api/themes.html
Or roll your own with ThemeRoller
http://themeroller.jquerymobile.com/
Nancy O.

How to call the css file and its images from our application......

hai,
Im uploading a .css file and some images in Apex shared components ,now how to call the css file and images from my Application.... plz tell me detailed.....
Edited by: anoo on Nov 3, 2008 12:51 AM

Hi Anoo,
Sorry, didn't see that you'd started a new thread, so have answered this in 'undefined' is null (or) not an object "
Andy

Is it possible to use multiple css files in epub?

For fixed layout I would like to use multiple css files.
Is it allowed by apple requirements?

Yes. ePub suports multiple CSS files and therefore so does Apple iBooks.

How to Generate a Java file for a JSP Page

Hi ,
I am using weblogic11 .
I am working on a JSP page which nearly consists of 4000 lines of code.
I need to debug the file , but weblogic server is not generating the java file for the JSP pages .
Please let me know how can i genertae Java file for the jsp pages ??

JSPs are compiled into servlets automatically and those classes are stored in WEB-INF/classes folder. Servlet engine handles servlets.

Stop Dreamweaver loading scripts/CSS files included in a page

Dreamweaver CC 2014.1 (Mac OS X 10.10, Yosemite) has a big BUG... isn't possibile build with it large/complex websites.
If I have a website with large numbers of css files (or scripts), Dreamweaver takes too much time to load/save a page that included them (the wheel turns indefinitely).
Is it possible to stop Dreamweaver from loading scripts and CSS files included in a page while I'm working on it (even temporarily)?
I know that without this function (load external files) Dreamweaver is absolutely useless, but at the moment I haven't still found another IDE tool and I need to work with speed.
Thanks

Live View, Code View or Design View?
Have you validated your code to check for errors?
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
You could comment out your links to external scripts and CSS Files.

To turn off styles in Design View only, go to View > Style Rendering > untick Display Styles. Or consider using a Design-Time Style Sheet.
Dreamweaver Help | Use Design-Time style sheets
To speed things up a bit, try these tips:
1. Edit -> Preferences -> Code Hints -> Disable description tooltips
2. Edit -> Preferences -> Highlighting -> Untick both Live Data Untranslated and Translated
3. Edit -> Preferences -> Sync Settings -> Untick all in sync settings
Nancy O.

How to use Two main windows with in a page in script ?

Hi any body explain me...
How to use Two main windows with in a page in script ?
with header data in one main window,
& Item data in other main window.

HI..,
u need to go for <b>SPLITTING THE MAIN WINDOW</b> !!!
Main windows in page windows allow you to format text in multiple columns. Define an area in the page window, in which to position the main windows.
Here is the procedure !!
-->Create a page window and assign it to a page.
Choose <b>Edit --> Main windows</b>.
A dialog box appears.
-->Enter values in the fields <b>Area width</b> and A<b>rea height</b> in accordance with the input guidelines for main windows.
-->Enter values in the fields <b>Spacing</b> and Number in the <b>Horizontal group</b> if you want to use multiple columns. You can ignore the fields in the Vertical group.
Determine how many columns and line areas are required for label printing. Then enter the corresponding values in the fields in the <b>Horizontal and Vertical groups</b>.
-->The value in the field Left margin varies from main window to main window if multiple columns are used. The following applies:
<b>
Left margin of current column + Window width + Horizontal spacing = Left margin of next column</b>
In label printing, the field Upper margin also varies from main window to main window:
<b>
Upper margin of current main window + Window height + Vertical spacing = Upper margin of next main window</b>
-->Enter a value in the field Start position.
This is a counter. Enter a starting value which is equal to or greater than 1.
-->The main windows are added to the list.
-->Save your form.
reward if it helps u...
sai ramesh

How to call external js file to custom master page

Hi all,
I have created custom master page and i need to call external .js to master page. i tried every aspect of including this in master page. but this js is not running.
<script src="test.js" type="text/javascript"></script>
i have put the above calling js script to head tag.
And, When i am running the site, the js file is not loading.
How to load this js file to custom master page.
Thanks,
Rakesh

I have placed js file in same folder of custom master page.
This is quite annoying and i am struggling to call it.
js file is in same master page folder still i am calling it through whole URL as
<script type="text/javascript" language="javascript" src="http://SharePoint/sites/SiteName/_catalogs/masterpage/Master%20Page%20Template/test.js"></script>
Still it is not working.
Now i am not sure what is wrong here.
Please help..
Thanks in adv !!
Rakesh

How to use custome tag lib in the JSP page?

How to use custome tag lib in the JSP page?...with JDeveloper

http://www.oracle.com/webapps/online-help/jdeveloper/10.1.2/state/content/navId.4/navSetId._/vtTopicFile.working_with_jsp_pages%7Cjsp_ptagsregistering~html/

How to create links and how to use that links to go to other pages?

my question is....how to create links...i mean by using make link option.....when we do right click on a word,etc in the design view.....and my other question is.....how to use that links to go to other pages.....i mean when i click on a link...it takes me to another web page.....

Please do not post the same subject to more than one forum.

Hi, how to use touch pad (thinkPad T61) to scroll pages up/down, left/right? do I need any drivers?

Hi, how to use touch pad (thinkPad T61) to scroll pages up/down, left/right? do I need any drivers?

Hi daneeo, and welcome to the Lenovo User Community!
In the Control Panel for your Mouse there should be an UltraNav tab. Under that tab are all the settings for the touchpad. Check to make sure scrolling is enabled.
If you do not see an UltraNav tab in the Mouse Control Panel, download and install the UltraNav driver and utility:
http://www-307.ibm.com/pc/support/site.wss/document.do?lndocid=MIGR-66898
http://www-307.ibm.com/pc/support/site.wss/document.do?lndocid=MIGR-67226
Hope this helps!
I don't work for Lenovo. I'm a crazy volunteer!

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

Similar Messages

Maybe you are looking for