Include custom javascript and css in uix page

Hello
I got a UIX page based on the pageLayout template and i wanted to include some custom things (css, js) inside the resulting html header like this:
<document>
<metaContainer>
<!-- Set the page title -->
<head title="mypage"/>
<html:link rel="stylesheet" type="text/css" href="http://someotherserver.com/generateStyle?pCSSType=loc"/>
<html:link rel="stylesheet" type="text/css" href="http://someotherserver.com/generateStyle?pCSSType=sys"/>
<script source="customScript.js"><contents><!-- --></contents></script>
</metaContainer>
<contents>
<body>
Unfortunatly only ONE thing from within "metaContainer" gets included in the final html file. Is there a way to include everything from within "metacontainer"?
Thanks for your help,
Philipp Stecher

I think metacontainer is a named child, and like all named children it can only have one node.
Does this work?
<document>
<metaContainer>
<!-- Set the page title -->
<head title="mypage">
<contents>
<html:link rel="stylesheet" type="text/css" href="http://someotherserver.com/generateStyle?pCSSType=loc"/>
<html:link rel="stylesheet" type="text/css" href="http://someotherserver.com/generateStyle?pCSSType=sys"/>
<script source="customScript.js"><contents><!-- --></contents></script>
</contents>
</head>
</metaContainer>

Similar Messages

  • 4.2 "Include Standard JavaScript and CSS" option removed ?

    Hi,
    APEX 4.2, Oracle 11g r2.
    I was using the option *"Include Standard JavaScript and CSS"* from the page attributes. It was set to *"No"* in all pages as I manage my own JQuery versions.
    We upgraded to 4.2 yesterday, and I see the option is still here on 4.2.
    I simply tried to set it to "Yes" for a test, but now the option has disappeared !! I can't set it back to "No"...
    In each page, if I set it to "Yes" and apply changes, the option is not here when I go back to the page attributes.
    Bug ?
    Or maybe this option has been removed from 4.2 ?

    Hi,
    yes this has intentionally been removed for applications / pages which do not use the feature. As you mentioned yourself and what we have seen from other customers is that someone doesn't just want to exclude that on a single page and instead want to control it for the application. Which made it a little bit cumbersome, because a developer had to set it for each new page.
    That's why we have created a page template placeholder for *#APEX_JAVASCRIPT#* and *#APEX_CSS#* to give you full control where to load the APEX libraries and if you don't want to load them, just remove them from the page template as Vikram already pointed out.
    Regards
    Patrick
    My Blog: http://www.inside-oracle-apex.com
    APEX Plug-Ins: http://apex.oracle.com/plugins
    Twitter: http://www.twitter.com/patrickwolf

  • Including external javascript and css files in servlet

    Hello,
    I am struggling to generate an HTML page from within a servlet using external javascript and css files. I am not sure how to point the servlet to the external files.
    Any code sample to accomplish the above will be much appreciated.
    Thanks inadvance,
    Antana.

    Can't you just include the following in your servlet?
           response.setContentType("text/html");
            PrintWriter out = response.getWriter();
            out.println("<html>");
            out.println("<head>");
            out.println("<title>Getting CSS</title>");
            out.println("<link rel='stylesheet' type='text/css' href='yourCSS.css' />");
            out.println("<script language='JavaScript' SRC='yourScript.js'></script>");
            out.println("</head>");
           //...

  • How to  include external javascript and css resources to a jsf?

    I need to include external css and javascript files to my jsf page. Using the code below does not work because all the styles on the css page are ignored and the functions within the js files are not executed.
    <link rel="stylesheet" type="text/css" href="/resources/styles/style.css" />
    <script language="JavaScript" src="/resources/javascript/util.js"></script>When I try to execute any js function within a script tag on a jsf page I get an object expected error.
    I googled about my problem and found this piece of code for importing styles for an external css.
    <style type="text/css">
    @import url("/resources/styles/style.css");
    </style>How could I add an external javascript file to my jsf?

    Used the relative urls in my first post as well as these, and both were not working.
    <link rel="stylesheet" type="text/css" href="./resources/styles/style.css" />
    <script language="JavaScript" src="./resources/javascript/util.js"></script>The ./ tells that the external file can be found by starting at the current directory and working down the path to the specified file. This is my directory structure. Index.jsf is the file that references the external js and css files.
    -Webcontent
    |_index.jsf
    |_resources
    |__styles
    | |__style.css
    |__javascript
    |__util.js
    Either way I still can't reference the files that I need. Calling a javascript function results in an object expected error, and the styles are ignored.
    If I include the js file directly in the jsf then I can get it to work. I don't want to do this because I have created a handful of seperate js files, and do not want to include all of them in one page. I am using myfaces and tomahawk if that helps.

  • Embedded Javascript and CSS removed from mail

    Hey folks,
    I wrote a small app to send a html email to myself.
    When I sent it inline all the embedded javascript and css were removed.
    When sent as a .html page attachment and opened from within the browser (Gmail, Mozilla 2.0)
    all the embedded script and css were gone. However when downloaded to the machine, it was all there.
    Looks like this is a browser issue, would anyone know how to get around it?
    It's so that I can have collapsable headers in my email message.
    Thanks,
    Mark.

    Hi Tony.
    Yes, it's possible. Read [Wiki WPC FAQ|https://wiki.sdn.sap.com/wiki/display/KMC/WebPageComposer-FrequentlyAskedQuestions+%28FAQ%29#WebPageComposer-FrequentlyAskedQuestions%28FAQ%29-WhataboutusingstandardHTMLpagesinWPC%3F].
    KM supports relative links in HTML documents so it may be necessary include any dependent files in the same folder as the HTML document.
    In case of a web page and its dependent files are stored in different folders you need editing the source html code:
    1. use Portal Drive and any text editor (I prefer Notepad++. It has the feature "Search and Replace in files") to open the html source file.
    2. search for links to dependent files and add the following pattern: /irj/go/km/docs//<path to an dependent file>/ before a filename, for example:
    You have a web page with css file. The page is stored in documents repository under the folder with ID old_pages. The css is resides in css folder.
    So the existing code
    <LINK REL=STYLESHEET TYPE="text/css" HREF="css/style.css">
    should be replaced with the
    <LINK REL=STYLESHEET TYPE="text/css" HREF="/irj/go/km/docs//documents/old_pages/css/style.css">
    Best regards,
    Aliaksandr

  • How to optimize portal javascript and css - where is scriptset property ?

    Hi,
    I've downloaded <a href="https://www.sdn.sap.com/irj/sdn/go/portal/prtroot/docs/library/uuid/d164c5ee-0901-0010-4fbf-d0856b5c8a84">How to Finetune Performance of Portal Platform</a> document,
    which contains portal performance optimization tips.
    In this pdf file there is a section about optimizing javascript and css code by using
    scriptset  property and there is also appropriate reference to the help.sap.com portal page.
    The problem is that this page is not there so I'm unable to configure this scriptset property.
    Any ideas where can it be found?
    Regards,
    Ladislav

    yes - go into System Adminstration --> System Configuration and then Service Configuration (in the detailed Nav).
    In there, find application com.sap.portal.epcf.loader - In Services --> epcfloader the property you seek is script.set and you should change from standard to optimize.  Then you need to restart the service.
    Hope that helps
    Haydn

  • Vertical menu using javascript and css

    Hi all,
    I have to build a vertical top-level menu for a customer. for a few days I surfing the internet to find a good sample. The only sample I found is http://javascript.internet.com/navigation/expanding-menu.html. this is what the customer wants. But this sample has just one level of subitems. I need a sample or source with dynamical levels of subitems. I'am not so formiliar with javascript and css to build it by my own very quickly.
    Has someone a sample for me or can someone change the sample so that I can use it in my toplevel menu.
    Richard

    Richard,
           Are you trying to implement this vertical menu at Portal's Top Level Navigation? If so, please be aware that these menu's might run into issues which SAP will not support.
            Also, there might be issues with upgrades on your portal. We have encountered the same for your client implementation and had to finally decided against the idea until SAP released their own version.
           Hope this helps.
    Regards,
    Winston
    PS: reward points if you find this useful

  • How to Include a HTML file in a UIX Page

    I have an old .html file (content.html) which contains some infomation and now I want to present that information inside a Uix Page! Is it possible to do so if then how.
    I tried using uix include tag but no luck.
    Any help is greatly appreciated.
    Thanks
    Kolluru

    Here is the .jsp file and the serverinclude tag is written in the 4th line from last.
    <uix:servletInclude source="layout.html" />
    I want the content of the layout.html in the main content pane but instead it is getting added on to the top or to the SideNav.
    Thanks for the help anyway.
    ====================================================
    <%@ page errorPage="errorpage.jsp" contentType="text/html;charset=windows-1252"%>
    <%@ taglib uri="http://xmlns.oracle.com/uix/ui" prefix="uix" %>
    <%@ taglib uri="/webapp/DataTags.tld" prefix="jbo" %>
    <jbo:ApplicationModule id="MyBC4JModule" definition="MyUIX.MyBC4JModule" releasemode="Stateful" />
    <jbo:DataSource id="ds1" appid="MyBC4JModule" viewobject="EmpView1" rangesize="4" />
    <%-- user interface begins here --%>
    <HTML>
    <HEAD>
    <TITLE>Oracle Migration Maps </TITLE>
    <uix:styleSheet/>
    </HEAD>
    <BODY>
    <uix:pageLayout>
    <uix:pageHeader>
    <uix:globalHeader selectedIndex="0">
    <uix:contents>
    <uix:link text="Migration Maps" destination="uixpage1.jsp" />
    <uix:link text="Migration Checklist" destination="http://www.oracle.com" />
    <uix:link text="Templates" destination="http://www.oracle.com" />
    <uix:link text="Scripts" destination="http://mtg.ie.oracle.com" />
    <uix:link text="Release" destination="http://www.oracle.com/" disabled="true" />
    </uix:contents>
    </uix:globalHeader>
    </uix:pageHeader>
    <uix:productBranding>
    <uix:image source="productBrand.gif" shortDesc="product" />
    </uix:productBranding>
    <uix:cobranding>
    <uix:image source="cobrand.gif" shortDesc="brand" />
    </uix:cobranding>
    <uix:copyright>
    <uix:flowLayout>
    <uix:contents>
    <uix:image source="images/info.gif" />
    <uix:link text=" @Copyright 2003, Oracle Corp. " destination="http://www.oracle.com" />
    </uix:contents>
    </uix:flowLayout>
    </uix:copyright>
    <uix:privacy>
    <uix:flowLayout>
    <uix:contents>
    <uix:image source="images/info.gif" />
    <uix:link text="privacy statement" destination="http://www.oracle.com" />
    </uix:contents>
    </uix:flowLayout>
    </uix:privacy>
    <uix:globalButtons>
    <uix:globalButtonBar>
    <uix:contents>
    <uix:globalButton icon="images/returntoportal.gif" text="Home"
    destination="uixpage1.jsp"/>
    <uix:globalButton icon="images/logout.gif" text="Logout"
    destination="http://www.oracle.com"/>
    <uix:globalButton icon="images/preferences.gif" text="Preferences"
    destination="http://www.oracle.com"/>
    <uix:globalButton icon="images/help.gif" text="Help"
    destination="http://www.oracle.com" targetFrame="_blank"/>
    </uix:contents>
    </uix:globalButtonBar>
    </uix:globalButtons>
    <uix:breadCrumbs>
    <uix:contents>
    <uix:link text="Home" destination="uixpage1.jsp" />
    <uix:link text="Qualification" destination="qualification.jsp" />
    <uix:link text="Customer Survey" destination="customersurvey.jsp" />
    </uix:contents>
    </uix:breadCrumbs>
    <uix:quickSearch>
    <uix:messageTextInput prompt="Search" name="QSearch" text="Cabo">
    <uix:end>
    <uix:submitButton accessKey="g" text="Go" />
    </uix:end>
    </uix:messageTextInput>
    </uix:quickSearch>
    <uix:start>
    <uix:sideNav>
    <uix:link text="Home" destination="uixpage1.jsp" />
    <uix:link text="Help" destination="/site1/PageTemplate.jsp" />
    <uix:link text="Migration Process Guide" destination="http://pta.us.oracle.com:9999/" />
    <uix:link text="MSMS v1.1" destination="http://amgdev1.ie.oracle.com/mtg/" />
    <uix:link text="Knowledge Base" destination="http://webiv.oraclecorp.com" />
    <uix:link text="Factory Infrastructure" destination="http://webiv.oraclecorp.com" />
    <uix:link text="BugDB" destination="http://bug.us.oracle.com" />
    <uix:link text="Oracle Migration Workbench " destination="http://webiv.oraclecorp.com" />
    <uix:link text="Application SQL Tools" destination="http://webiv.oraclecorp.com" />
    <uix:link text="Support" destination="http://webiv.oraclecorp.com" />
    <uix:link text="Migration Technology Centre" destination="http://otn.oracle.com/tech/migration/content.html" />
    <uix:link text="Migration Technology Group" destination="http://mtg.ie.oracle.com" />
    </uix:sideNav>
    </uix:start>
    <uix:end>
    <uix:contentContainer text="Related Maps" background="light" icon="testInfo.gif" width="100%">
    <uix:link text="Customer Surveys" destination="http://www.oracle.com" />
    <uix:link text="Survey Request" destination="http://www.oracle.com" />
    <uix:link text="Customer Analysis" destination="http://www.oracle.com" />
    </uix:contentContainer>
    </uix:end>
    <%-- Main page contents go here --%>
    <uix:contents>
    <uix:header styleClass="OraLightHeader" text="Qualification Stage" />
    <uix:styledText styleClass="OraHeaderSubSub" text="" />
    <uix:spacer width="10" height="15" />
    <uix:styledText styleClass="OraDarkHeaderSubSub" text="Qualifying the Customer - Receiving Customer Surveys" />
    <uix:spacer width="10" height="10" />
    <bc4juix:TableDetail></bc4juix:TableDetail>
    <uix:styledText styleClass="OraInstructionText" text="Prospective customers
    are identified by a variety of sources, such as sales consultants and
    Oracle Direct. These customers are asked to complete a customer survey and
    the results are automatically sent to the Migration Factory. The table below
    lists the location of the customer surveys once they are released on the
    Oracle eMarketing system." />
    <uix:spacer width="10" height="20" />
    <uix:servletInclude source="layout.html" />
    </uix:contents>
    </uix:pageLayout>
    </BODY>

  • Removing the BC generated JS and CSS files from pages

    Hi,
    We're working on a feature to allow you to generate pages without our styles and JS files. This is what we're planning to build, we need feedback on some automated JS/CSS generation for some pages and modules.
    We will add one flag per "Page Template" flag (to not output module CSS or our JS things)
    The Site Manager/Page Templates/Detail UI will have a new boolean control in the More Options sectionDon't include pre-generated HEAD elements
    Once you are on a page that uses a template with this flag set to on, you won't see in your HEAD the following/StyleSheets/ModuleStyleSheets.css
    We are wondering if you want us to include the validation JS files. Today, depending on the modules you have in the page or the type of overall layout (e-commerce, etc), we're adding the following files (click the image to see the code). Should we keep those or the flag should disable those, too?
    Sincerely,
    Alexandru

    This will be a great little tweak,
    Thank you Alexandru.
    Just to clarify, the tick opton will be on web pages UI?, Template UI?, And Detail layouts like web apps etc - Anywhere where you select a template?
    That would be great.
    I am a bit torn with the javascript, The CSS - Yep go for it, But while I could see some advantages turning that off too, it may cause more problems.
    I think a common use case is wanting to use CSS frameworks like foundation and Bootstrap. You will defiantly want to turn the modulestylesheets from rendering. But then if the javascript also got turned off, when you were doing eCommerce, and some other bits you would have to rebuild your own sollutions which would take up a lot of time.
    My feedback on possible options:
    - Two tick boxes to turn offf css or Javascript - this is a bit more messy though, It would solve the above dilema though.
    - Maybe for now the CSS would be enough for now? Maybe with the re-introduction of Liquid down the line there could be something using that developers can do with conditionals?
    - Both and provide documentation on how and where and when to include the javascripts back in. This would be a bit more messy support wise maybe?
    - A bit more work but could offer more options going forward could help in a lot of ways would be to turn the head into a layout under Layouts.
    This would have tags such as the BC javascript, a tag that renders the conditional .NET from your screenshot. A tag for the CSS and other elements, tag for the meta that is automatically generated etc.
    This would also have the added effect of allowing people to fix up some meta layout issues, and have a bit more control when using frameworks, HTML5 or XHTMl doctype varients etc.
    With Liquid in the future as well and conditionals this would also then allow more posibilities as well.
    The sollution I take it would also be on by default for BC App html pages Alexandru?
    Hopefully that is helpful and I hope others provide feedback for you as well.
    Thank you for the update.

  • Insert custom JavaScript on Oracle CRM detail page

    As part of some customizations to modify the details pages, we need to insert some custom JavaScipt on Oracle CRM pages. What we understand is that this is possible using a Custom Web Applet and adding the applet to the sections layout. But with this the Custom Web Applet section bar show up in the details page.
    Is there some way in which this custom JavaScript can be added to the pages without any additional sections showing up?

    hi
    thanx
    if it s possible to use javascript to select products according to category and populating that particular products in lookup field is it possible thr web service or web applet
    becoz in my case i want 2 use product based assignment for users
    regards
    [email protected]

  • Handling Javascript and CSS in JEditorPane

    I am just beginning to play around with java.net and URLs, and have the following code snippet:
    URL home = new URL("http://www.google.com");
    JEditorPane ep = new JEditorPane();
    ep.setPage(home);
    ep.setEditable(false);
    ep.addHyperlinkListener(new HLinkListener(ep));
    JScrollPane scroll = new JScrollPane(ep);Where the JEditorPane is inside of a JFrame, and HLinkListener is a seperate class with just the HyperlinkListener interface and hyperlinkUpdate method.
    This works for what I want it to, just a basic GUI representation of a URL, but is unable to handle any pages that involve CSS or JavaScript. Google has turned up many all inclusive packages, like Cobra, but what I was wondering is if anybody has any experience with a particular Java JS/CSS parser, or if there was a basic way, ie one with only a couple of imports and new objects, that would allow JS and CSS to be displayed.

    I would like to know what is JEditorPane capable of
    doing in terms of displaying HTML with CSS, and how
    do you set it up. JEditorPane has no support for CSS
    If JEditorPane is not the best option with HTML thatit's not
    has positioning in CSS, can somebody suggest
    something else that has better support for CSS than
    JEditorPane?Search google for 'JDIC' find the WebBrowser component
    I would greatly appreciate any response (Anylet's not get carried away here
    suggestion or links to additional information will be
    great too!)
    Thanks,
    Victor Gutierrez

  • Pdf  document on  custom template and CSS

    There was a small pdf document on CSS and templates in the turial section of APEX. Anyone know where is this?
    George

    Raizel wrote:
    > In article <e4ovcd$eei$[email protected]>,
    > "billugs" <[email protected]> wrote:
    >
    >> It seems that my template and css style are still
    not showing up on my page,
    >> I
    >> uploaded both and I am out of ideas. Does anyone see
    a problem that I can
    >> fix?
    >> <a target=_blank class=ftalternatingbarlinklarge
    >> href="
    http://www.personalizedspanish.com">http://www.personalizedspanish.com</
    >> a>
    >
    > Can't help but ask -- why do you post your URLs as <a
    target=_blank
    > class=ftalternatingbarlinklarge
    >> href="
    http://www.personalizedspanish.com">http://www.personalizedspanish.com</
    >> a>
    >
    > instead of just the URL?
    Raizel: it's a problem with the forum and how stuff from
    there gets
    posted to the newsgroup. Per a recent post by Murray, the
    Adobe team
    are working on the problem. It's driving us all crazy.
    Bonnie in California
    kroko at
    pixelplum dot com
    http://www.theanimalrescuesite.com/cgi-bin/WebObjects/CTDSites.woa

  • Where to put own JavaScript and CSS-Stylesheets in GlassFish ?

    Hi out there,
    we have some applications which are using external JavaScript libraries, CSS-Stylesheets and Images.
    On OHS we had a directory for those files which we aliases in dads.conf.
    Where do we have to put this directory when switching to GlassFish and Apex Listener ?
    Regards and thanks
    Markus

    Hi Markus,
    if you use the "regular" GlassFish, this shouldn't be a big issue. Just create a subdirectory in the GlassFish's docroot-directory for each alias you have now and copy the corresponding content into that directory. See "Copy Oracle Application Express Images" in the Listener documentation - the handling for other static content is similar to the handling for images.
    If you plan to test this with the Embedded Web Container (embedded GlassFish), this will not work that way, because you only have the fixed contexts for images, apex and the listener-internal functions.
    -Udo

  • Including a cgi app in a UIX page

    Hi there,
    I have the following problem: I'm busy working on an UIX application that has to connect to a Geographical-system (geographical ) called Mapserver.
    Mapserver generates maps through cgi. I want to include the output of this cgi (the map) into my UIX pages.
    I've tried URLInclude en ServletInclude, but both don't seem to work.
    Does anyone have an idea?
    greetings,
    Arthur Arts

    Hi,
    Is possible by URL scheme
    see this post - http://forums.adobe.com/message/4653405#4653405
    __Felipe

  • Custom html and css broken in BC

    I have created some content in iWeb. A photo gallery that doesn't work when uploaded to BC.
    It works fine when I upload to a different Host.
    http://isodisc.businesscatalyst.com/usbcat/ISODISC_Full_USB_Flash_Catalog.html

    I'm building my website in Muse, using a few Adobe typeKit fonts - Open Sans and Bebas Neue. There's plenty of code and css developed when I export the muse file QUESTION: Will Contribute maintain my font choice integrity? Or do I play it safe with standard web-safe choices?

Maybe you are looking for

  • [CS4 JS] ScriptUI - Update palette with properties from front document

    Hi all. I have created, with ScriptUI, a palette containing, among other things, a ListBox containing items for every xmlElement in a document. I want the control to read from the front document when there is more than one document open, and to updat

  • When i run relink FND using adadmin, i got this error...

    when i run relink FND using adadmin, i got this error... Starting link of product 'pay' on Sun Nov 7 20:50:35 PKT 2004 Current product is pay Current product TOP is  $PAYTOP Current prodarea is /home/oracle/opt/d01/oracle/prodappl/pay/11.5.0 Backing

  • Archivelink and scan client software

    Hello, We are setting up a simple archivelink system: linking scanned invoices to FI documents in R3. The storage is in the R3 database and since we don't have such a mass volume of documents, we are satisfied with the standard archielink solution an

  • Adding a infoobject

    Hi all, i am having a Cube in BWproduction system which is already in use and now the client has come with a request to add one more infoobject to that already existing cube. i already have the data in that cube..so if i want to add a infoobject in D

  • Error message 213.39

    Trying to open Elements & Premiere 10 I get error message 213.39, contact support, Help please