Uploading custom CSS/Boostrap/Javascript

Hey Guys,
This is my first time using Eloqua, and I am having an issue with being able to use my own CSS. I have my landing page linked to css files that are hosted on a server. Mind you they are not on a secured server. All of my script tags are within <script>--Code--</script> and in the head section, but Eloqua eliminates then on save and preview. It also removes http:// from my css file paths on my server. In short how would I go about uploading a custom landing page I fully built locally on my machine. Is there a specific way I have to go about uploading the files and placing them? All help is appreciated. Is it possible to link the Jquery library?
Clif

Richard -
Try transaction smicm
Once there, navigate to <i>Goto ==> HTTP Server Cache ==> Invalidate ==> Global in System</i>
This should do the trick. If not, your browser might be caching the css/js file. If this is the case, do a hard refresh ( <CTRL> + F5 in Internet Explorer )

Similar Messages

Any Guide for Modifying Templates/Adding Custom CSS???

I have purchased (and, yes, read...smarty pants) all of the APress, Oracle Application Express 4 books. I have searched The Google.
We need just one, step-by-step, excruciatingly detailed example of modifying a template, for example to add in a custom header. Also, we need to add additional css files and static javascript files. To be clear, we do not want to have to reference the javascript in the page header of every page. We want to build all of this all in to a single template.
Does anyone know of a site, or even a book, or even a reasonably priced, personally authored example that would contain this information?
I see people everywhere who refer to changes they've made to their templates. People reply to my posts routinely suggesting that, rather than the Page 0/Page Header shenanigans that I have to engage in, it would be "much simpler" to edit the template.
How can I enter the secret cabal of those who know how this is to be done? How I ask you? How?
-Joe

Scott,
Thanks for responding. I use your blog a lot and appreciate your taking the time to share.
The frustrating thing is that I am certain that the process is probably simple. As you say, "the trick is knowing what to cut and where to paste it," Why is there no documentation for this important part of the product?
It's one thing to request to expense books (or even to pay a couple of hours of consulting time) but, a completely different (and most probably unobtainable) level to request to spend 3 grand and a week out of the office to attend a class.
Actually, what we are trying to accomplish is much less ambitions than mimicking a whole, corporate UI. Here's all we are trying to do:
1. Swap out the header image (I am doing this now with a dynamic action on Page 0...ugly).
// Put in the ICE Header
var headerCollection = document.getElementsByTagName("hgroup");
findMeText1 = '<div id="jive-global-header"><div id="jive-global-header-texture" class="minwidth"><div style="background: none repeat scroll 0% 0% rgb(20, 39, 69); width: 100%; height: 90px; float: left;"><a href="/" style="float:left;"><img src="/i/ice/header_left.jpg" alt="" class="ie6png" display="inline-block" height="90px"></a><a href="/" style="float:right;"><img src="/i/ice/header_right.jpg" alt="" class="ie6png ice-fr" display="inline-block" height="90px"></a></div></div></div><div class="uAPEXNavBar"><ul><li><last_refresh></last_refresh></li><li><a href="apex_authentication.logout?p_app_id=101&p_session_id=674943730496401">Logout</a><a class="eLink" title="Edit" href="javascript:popupURL(' + 'f?p=4000:329:695373120008301::::P329_ID,FB_FLOW_ID,FB_FLOW_PAGE_ID:7048743088564074,101,1' + ');" tabindex="999"><img src="/i/e.gif" alt="Edit" class="eLink"></a></li></ul></div>';
headerCollection[0].innerHTML = findMeText1;2. Create a new report template called "squashed" or the like where we pack in as much data as possible (think of Access)...no padding, smaller fonts, etc. We want to be able to pick this style for a report region and have it apply these format changes. (I am doing this now in the region header of every page where this is needed...ugly)
Region Header:
<style type="text/css">
#apexir_DATA_PANEL > table .apexir_WORKSHEET_DATA th {padding:0px 1px 0px 1px; margin:0px; font-size:12px; font-weight:bold; vertical-align: bottom;}
#apexir_DATA_PANEL > table .apexir_WORKSHEET_DATA th div {padding:0px 1px 0px 1px; margin:0px; font-size:12px; font-weight:bold;}
#apexir_DATA_PANEL > table .apexir_WORKSHEET_DATA td { padding:0px 1px 0px 1px; BORDER-LEFT: #ddd 1px solid; white-space: nowrap; font-size:10px; }
#apexir_DATA_PANEL > table .apexir_WORKSHEET_DATA a { text-decoration: none; border-bottom:1px dashed; }
.look1 {padding:0px 1px 0px 1px;}
.look2 {padding:0px 1px 0px 1px;}
</style>3. Conglomeration of common JavaScript into a resource file. (I am doing this now by, uploading the static files and then including a "<script>" tag set in the Page Header on every page...very ugly)
<script src="#APP_IMAGES#commonRisk.js" type="text/javascript"></script>4. The addition of a drop down menu. We have the css and JavaScript needed to do this. Haven't got this working yet. We just want the css and JavaScript already as part of the template rather having to reference them mnanually on every page.
-Joe

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

Using custom CSS style sheet

I'm trying to use a custom CSS style sheet and can't get it to work. I've created my stylesheet and uploaded it so it shows under Shared Components >> Cascading Style Sheets.
Viewing the source for my pages currently shows a reference to what I guess is the default style sheet -
<link rel="stylesheet" href="/i/css/apex_3_1.css" type="text/css" />But no reference to the one I uploaded. So I guess I need to add a new reference pointing to my sheet.
So questions would be -
- How and where do I add this reference?
- Is this the correct way to do things if I want to use my own styles?

Antilles,
Go to your Shared Components > Temples > Select the page template you wish to apply your CSS to and in the "Header" area you will see references to the APEX CSS, something like,
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/theme_3_1.css" type="text/css" />Now, just add your CSS reference after any APEX CSS references.
Hope this helps.
-Chris

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.

Unable to install supporting objects(custom CSS/Images) through SQL

4.2.1
Hi there,
we have a Apex app which uses custom CSS/images loaded into shared objects CSS and image folders respectively. I followed the steps
http://nerd.net.au/29-apex-application-express/general-application/122-include-images-with-supporting-objects-on-apex-export-import
Now, this works fine when we manually import the application through application builder, it "prompts" if we want to install supporting objects, when yes is selected, everything gets installed.
MY problem is we have an automated patching process where the .sql application file gets installed but the supporting objects are not. So I tried bundling the supporting object as a separate .sql file but got an error
Testing options PL/SQL procedure successfully completed. declare * ERROR at line 1: ORA-20001: Package variable g_security_group_id must be set. ORA-06512: at "APEX_040200.WWV_FLOW_IMAGE_API", line 11 ORA-06512: at "APEX_040200.WWV_FLOW_IMAGE_API", line 31 ORA-06512: at
The supporting object is a button. Do I need to set the application id or security group id or something else?
begin
wwv_flow_api.g_varchar2_table := wwv_flow_api.empty_varchar2_table;
wwv_flow_api.g_varchar2_table(1) := '89504E470D0A1A0A0000000D494844520000009600000051080600000030EC5FEE000000097048597300000B1300000B1301009A9C1800000A4D6943435050686F746F73686F70204943432070726F66696C65000078DA9D53775893F7163EDFF7650F56';
wwv_flow_api.g_varchar2_table(2) := '42D8F0B1976C81002223AC08C81059A21092006184101240C585880A561415119C4855C482D50A489D88E2A028B867418A885A8B555C38EE1FDCA7B57D7AEFEDEDFBD7FBBCE79CE7FCCE79CF0F8011122691E6A26A003952853C3AD81F8F4F48C4C9BD80';
wwv_flow_api.g_varchar2_table(3) := '021548E0042010E6CBC26705C50000F00379787E74B03FFC01AF6F00020070D52E2412C7E1FF83BA50265700209100E02212E70B01905200C82E54C81400C81800B053B3640A009400006C797C422200AA0D00ECF4493E0500D8A993DC1700D8A21CA908';
wwv_flow_api.g_varchar2_table(4) := '008D0100992847240240BB00605581522C02C0C200A0AC40222E04C0AE018059B632470280BD0500768E58900F4060008099422CCC0020380200431E13CD03204C03A030D2BFE0A95F7085B8480100C0CB95CD974BD23314B895D01A77F2F0E0E221E2C2';
wwv_flow_api.g_varchar2_table(5) := '6CB142611729106609E4229C979B231348E7034CCE0C00001AF9D1C1FE383F90E7E6E4E1E666E76CEFF4C5A2FE6BF06F223E21F1DFFEBC8C020400104ECFEFDA5FE5E5D60370C701B075BF6BA95B00DA560068DFF95D33DB09A05A0AD07AF98B7938FC40';
wwv_flow_api.g_varchar2_table(6) := '1E9EA150C83C1D1C0A0B0BED2562A1BD30E38B3EFF33E16FE08B7EF6FC401EFEDB7AF000719A4099ADC0A383FD71616E76AE528EE7CB0442316EF7E723FEC7857FFD8E29D1E234B15C2C158AF15889B850224DC779B952914421C995E212E97F32F11F96';
wwv_flow_api.g_varchar2_table(7) := 'FD0993770D00AC864FC04EB607B5CB6CC07EEE01028B0E58D27600407EF32D8C1A0B91001067343279F7000093BFF98F402B0100CD97A4E30000BCE8185CA894174CC608000044A0812AB041070CC114ACC00E9CC11DBCC01702610644400C24C03C1042';
wwv_flow_api.g_varchar2_table(8) := '06E4801C0AA11896411954C03AD804B5B0031AA0119AE110B4C131380DE7E0125C81EB70170660189EC218BC86090441C8081361213A8811628ED822CE0817998E04226148349280A420E988145122C5C872A402A9426A915D4823F22D7214398D5C40FA';
wwv_flow_api.g_varchar2_table(147) := 'A514B7B6B6EA5AADA60B8582EAECEC54511471BD5EE7BEBE3EBF4E108FCA58FE9601580A68199FDAF12F8D1DDB5E3386221ADD8E3AF3CEC772A73505D60820C32BF0238E6DAF5D508DBAFFF2CFACE20C3E9A03E2789F3430B68D6DAF641BF33D8D6D63C0';
wwv_flow_api.g_varchar2_table(148) := '1ADBC68035B68D016B6C1BDBC68035B6BD46B6FF3B0074B1DD40306DC6CD0000000049454E44AE426082';
end;
declare
    l_name   varchar2(255);
begin
    l_name := 'logo.png';
wwv_flow_api.create_or_remove_file(
     p_name=> l_name,
     p_varchar2_table=> wwv_flow_api.g_varchar2_table,
     p_mimetype=> 'image/png',
     p_location=> 'WORKSPACE',
     p_nlang=> '0',
     p_mode=> 'CREATE_OR_REPLACE',
     p_type=> 'IMAGE');
end;
/

Thanks Fac586! I did follow the process on those lines and was able to successfully get the images, application installed. The CSS which just had
body {
     background-color:#000000;
}Was also applied. However, it for some reason does not work. Looks like the CSS is not getting loaded. When I delete the CSS and upload it again through the shared components->CSS folder, it works fine. Not sure what the solution is!
Oh and by the way, thanks a ton for helping everyone!
Cheers,
Ryan

Apply Custom CSS to List

Hello all,
Well, I have some custom CSS that I'd like to apply to a "DHTML Menu with Sublist". I've gotten as far as getting the top level to use the CSS, but I cannot get the sub list to work.
Here's my workspace (page 1 - List)
http://apex.oracle.com/pls/otn/f?p=4550:1
workspace: myapexdev
username: developer
password: develop
The app is named "Testing".
Basically, I'm looking to have the list in region "test" behave like the list in the region "original". The CSS can be found in the page header (or in Shared Components > CSS) and I have some Javascript that can be found in Shared Components > Static Files.
Thanks for any help.
-Chris

Well, I've made progress as far as the sub/drop down menu goes (it actually drops down on rollover now).
Except that, the subs are separated into their own blocks. It looks like the CSS class is being applied to each sub item instead of the items as a whole.
Again, any help is appreciated.
-Chris

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

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.

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;}

Upload Customer Master with LSMW

Hi Experts,
I have created an LSMW for uploading Customer Master in Development System and moved it to Quality System.
Now can I upload the Customer Master in Production System from the LSMW in Quality System or it is the only option that I will have to move the LSMW to Production System and then Upload the Customer Master form Production?
Thanks in Advance.
Quick reply would be appriciated.
Regards,
HP

I close the thread. I got the solution.
It is possible with the Menu Path
Extras > Export/Import

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

Using CSS and Javascript to display a div with flash in it, mozilla reloads the flash file!

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...

How to get legacy customer no. while uploading Customer master and vendor

Hi All,
I want to upload Customer master and Vendor master data from legacy using LSMW. I am using SAP standard programs available for the same. I am using internal number assignment in SAP for these masters.
I case of material master these is a field in MARA named BISMT which is populated with old material no. used in legacy. Is there any corresponding field for customer and vendor master upload?. Moreover is this field automatically populated by SAP report while uploading?.I want to know which old material no. is mapped to which new internally generated number.
Your feedback is highly appreciated.

Hi,
if you are looking for a field in customer and vendor master data that should contain the old (legacy number), take a look at knb1-altkn and in case of a vendor at lfb1-altkn.
regards
Siggi

Uploading custom CSS/Boostrap/Javascript

Similar Messages

Maybe you are looking for