Location of Apex 4.0 themes.css file

Hi,
I want to change/manipulate the size of the fonts, text wrap for the Interactive reports in APEX 4.0. I have read that it is possible by editing the themes .CSS file. Please advice me how can I do it.What is the location of themes.CSS file , how can I edit it. I am not an Apex expert, just a beginner. Your help is highly appreciated.
Thanks in Advance.!!

Hi James
Can you please post the entire contents of your 'Header' in the 'Definition' section of the page template so that I can see where you are going wrong?
When posting code on the forum, put {noformat}{noformat} (with the curly brackets and the word code in lowercase) above and below your code like this...
{noformat}{noformat}
SELECT *
FROM emp
{noformat}{noformat}
It will then appear like this, preserving formatting...SELECT *
FROM emp
Cheers
Ben

Similar Messages

Issue with path reference in apex.min.css file using Theme 25

Hi all.
I upgraded recently to Apex 4.2.1.00.08 and my existing applications had been working fine. I then thought I'd changed the theme to Theme 25 as it was a new one available to me. This was fine and the application works well however I wanted to test a change to the css so I copied the apex.min.css file and renamed it as apex.min_copy.css. I made my small change, which was just a change to the background colour of the table in apexir.WORKSHEET. I then uploaded this through the shared components and referenced it in my header using
#WORKSPACE_IMAGES#apex.min_copy.cssI also commented out the referenced to #APEX_CSS# in the header so it would use my uploaded copy and not be overridden.
When I then ran the application again, it prompted me for the xdb username and password. I tracked this down to lines in the css file where the relative path to an image in the file was like ../ws/image_name
For example:
background-image : url(../ws/report_bg.gif);I took these lines out, uploaded again and it was fine and my change was visible, meaning that the #WORKSPACE_IMAGES#apex.min_copy.css was being read correctly. I can also browse the location of these files on the xdb database using a browser connected a system and I can see the files where i expect them to be.What I cannot understand is how other references to images in this css file such as
background : url(../apex/builder/dev-bar.png) 0 0 repeat-x transparent;
background-image : url(../htmldb/builder/builder_find_bg.png);do not cause an issue but the one mentioned earlier(/ws) does
I hope someone has an idea .
Thanks,
Colm Dickson

Mark,
Modifying the default files is dangerous and ill advised. You could always just add a style sheet (inline or linked) to your application that overrides that one setting while you wait on the permanent fix.
Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen

How APEX stores CSS files in a database?

We are trying to locate the tables in a database, where APEX stores the CSS Aplications files?
We have lost some important CSS and Java Script files and we have a backup of these files. However we can not locate the table in a database, where we have to upload these backup? There is too many files to install them manually. Please help!
Thank you for your expert consideration!

Hi,
uploaded files are stored in the wwv_flow_files table as BLOB.
Try select * from wwv_flow_files.
As they are stored in the database, you can't find them in the hard disk drive.
As far as I know they can only be viewed in Shared Components > Cascading Style Sheets (for CSS files).

Is theme.css Use Different in ApEx 3.1.2 from HTML-DB 1.6

Great! What happened to the text I just spent the last 45 minutes composing??????????????
Edited by: Canis Polaris on Apr 9, 2009 2:18 PM

>
EarlL,
Thank you very much for your thoughtful and timely replies.
"Virtually the same" simply means that the only changes that may have taken place between the time I exported from 1.6 / imported into 3.1.2 and now wouldn't have any impact on this situation. They're changes such as a temporary change on the 1.6 version to a temporary reports server while we rebuild the current reports server. I haven't made any changes to the imported app yet.Except that you jumped about 8 releases between export and import. I would hope that theme 10 wasn't change significantly between then and now.
I'll look into the web developer toolbar for Firefox. Thanks for that tip.
I am using whatever css files were installed with the new Oracle DB and ApEx install/patchset/upgrade. I'm guessing that the "t10ContentBody" selector is still the one being referenced by the pages. I suppose the web developer toolbar would help me confirm this.So you edited the CSS file from the new installation to try to accomplish this change? I'm wondering if you might not have edited the wrong file.
You can see what CSS selector is going to attempt to be used by looking at the class names in the HTML elements. In the CSS file they will be preceded with a dot, e.g. .t10ContentBody or whatever the case may be. While the developer toolbar allows you to zoom in to inspect the corresponding elements quickly you can also look at the HTML source to see what's going on under the hood.
Earl

Upload a CSS file to APEX

Hi all,
I am trying to create a report page that looks exactly like a factsheet. I have someone to help me create a CSS file, but we are not sure if we can import it to APEX and use it as a template.
Do you know if it's possible to import a CSS file? If yes, how do we do that?
Thank you very much for the help!

Sure you can. Go to shared components>> static files >> CSS >> upload file.
Then you will need to reference that CSS in your report tempalte..
Thanks,
Sam

Theme Editor and CSS files

Hi all,
NetWeaver Portal 2004 SP16
For those of you who have worked with the Theme Editor probably feel the same way as I do: it's just not good enough. It allows you to change some styles but really for real changes one has to edit the million stylesheets manually.
When going down that road, the Theme Editor becomes useless because it overwrites your manually applied changes.
As long as you reapply your changes afterwards, this works pretty good but I'm still confused about one thing. The stylesheets that are actually called from the webpage are followed by some sort of counter. For example:
../prtl_std/prtl_std_ie6.css?6.0.16.0.31 The last number increases everytime you save a theme in the Theme Editor, so it acts as a version numner (see themeInfo.properties).
And now the annoying part: this <u>sometimes</u> prevents my manual changes to be read (one can check this by inspecting the css files in browser cache).
My question: what does this counter do? Are themes also stored in the PCD / database and if so where? What can be done to have the portal ALWAYS push the css files from the irj/portalapps/com.sap.portal.design.portaldesigndata/themes/portal directory?
Cheers
Marcel

The counter works with the database. It is actually possible to edit other (no visible) style sheet classes via the Theme Editor

How to import programmatically an APEX images file using workspace images option and CSS files to APEX?

Oracle db 11gR2
Oracle APEX 4.2.1
Linux RHEL 6.3
I am importing a images file programmatically into APEX. And also a CSS file.
I want to add an images file to my APEX instance but I want to choose the option -- workspace images --. How does one do that programmatically via the APEX API e.g.?
I don't want the images tied to an application within APEX.
Does one do the same thing for CSS files that are imported to APEX?
thx.

This is interesting and helpful, I use the following code to import my APEX database application and run it via SQL*Plus and it works fine for database applications -- what do I need to change/add/modify in order to load the images and CSS files? NOTE: I want the images to be -- Workspace images -- not tied to any application. Also, I need to handle the situation where the images and CSS data already exist in the APEX environment as well as when they are not there (i.e. initial install). Usually it is a case where it is an upgrade so the data already exists in the APEX app and just needs to be updated.
declare
                  v_workspace      varchar2(35)    := 'WORKSPACE';
                  n_existing_app   number          := 123;
                  n_new_app        number          := 456;
                  v_app_alias      varchar2(35)    := 'WKALIAS';
                  v_parsing_schema varchar2(35) :='WORKSPACE_PARSE';
                  n_secgrp_id      number;
                  v_err_msg        varchar2(200);
                  n_err_num        number;
                  n_workspace_id   number;
                begin
                  -- get workspace id
                  select workspace_id
                  into n_workspace_id
                  from apex_workspaces
                  where workspace = v_workspace;
                  -- set workspace id
                  apex_application_install.set_workspace_id (n_workspace_id);
                  -- set security group
                  apex_util.set_security_group_id (p_security_group_id => apex_application_install.get_workspace_id);
                  -- set pasring schema
                  apex_application_install.set_schema(p_schema => v_parsing_schema);
                  -- delete existing app
                  begin
                    wwv_flow_api.remove_flow(n_existing_app);
                  exception
                  when NO_DATA_FOUND then -- do nothing when the application does not exist
                    null;
                  end;
                  -- set new app id
                  apex_application_install.set_application_id(p_application_id => n_new_app);
                  -- generate offset
                  apex_application_install.generate_offset;
                  -- set application alias
                  apex_application_install.set_application_alias(p_application_alias => v_app_alias);
                  exception
                  when others then
                    n_err_num := SQLCODE;
                    v_err_msg := SUBSTR(SQLERRM, 1, 200);
                    dbms_output.put_line('Error number = ' || n_err_num);
                    dbms_output.put_line('Error message = ' || v_err_msg);
                end;
@newapp.sql
commit;

Can anyone provide a simple css file for Apex Application

Hi,
Can anyone provide a simple css file for Apex Application please don't mention W3schools link to learn...
Regards,
Pavan

in each item have ..HTML Form Element CSS Classes .e.g style="color:red", you can change whatever you want!
or using CSS at page header level.
check the page: http://apex.oracle.com/pls/otn/f?p=25110:3:0:::::
more css and JS file in Google drive(If my application/js/css breaks your computer, your database, your car's transmission anything it's your fault not mine, I have nothing to do with it and will deny all responsibility.)

Finding out if css file is located on a web server

Hi,
how can i know if a css file or any other file is located on a web server from a servlet , JSP?
should i use getServletContext().getRealPath(...)?
I need a quick way.
can someone please give an example?
Thanks,

THe most reliable way is doing a HTTP request to its URL see if it does not throw and exception. But this is little slow.
If your file is static content you can use getRealPath and then check whether the file exists on the path that the getRealPath method return.

Bug report: Theme 13 ie.css file missing

[Fri Oct 27 14:03:51 2006] [error] [client xx.xx.xx.xx] [ecid: 1161972231:172.18.1.15:21106:0:483,0] File does not exist: /opt/oracle/product/10.1.0/Apache/Apache/images/themes/theme_13/ie.css
This seems to come from the following line in the One Level Tabs page template
Conditional CSS just for IE! Horror of horrors, what's next?!
Can someone please shed some light on why this is needed and if so, post that ie.css file on Metalink or something?
Thanks

Hello,
Just remove the offending link. The link should not be there and is not needed for theme 13.
Carl

Dark theme in Linux screws up Firefox 4.0, help with userContent.css file

OS: Fedora 14 x86_64 / Gnome 2.3x
Problem with: Firefox 4.0
Using dark gtk themes changes the background color of common form controls (input boxes, text boxes, radio buttons, etc...) into the same dark color used in the theme, so you end up with dark controls with black text, which makes them unreadable.
While searching I found that there's a way to make Firefox override the system colors, and that is by creating a userContent.cs file.
Here's the userContent.css file:
===========================
body {
background-attachment: scroll !important;
input {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
textarea {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
select {
border: 2px inset white;
background-color: white;
color: black;
-moz-appearance: none !important;
input[type="radio"],
input[type="checkbox"] {
border: 2px inset white ! important;
background-color: white ! important;
color: ThreeDFace ! important;
-moz-appearance: none !important;
.*|*::-moz-radio {
background-color: white;
-moz-appearance: none !important;
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
border: 2px outset white;
background-color: #eeeeee;
color: black;
-moz-appearance: none !important;
body {
background-color: white;
color: black;
display: block;
margin: 8px;
-moz-appearance: none !important;
===========================
This css code fixes text boxes, input boxes, etc... but I still have dark radio buttons, dark check boxes, and dark drop down menus, does anyone know what might be causing this problem?
Examples:
http://i901.photobucket.com/albums/ac211/0xGFX007/001.png
http://i901.photobucket.com/albums/ac211/0xGFX007/002.png

FWIW, an alternative to going back to a light theme for whatever reason: there is a theme with several variations called "Shiki-Colors", in which only half of the stuff is dark.

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

Template page doesn't update the css file location

I've been using Dreamweaver for years; been using templates for years but can't figure why this now happening.
I create a new page from a template (that I've used for years) and everything on the page (including image and other links) is fine and updates properly; Links to css files do NOT update.
The relevant template code is as follows:
@import url(../p7pm/p7pmh13.css);
@import url(../tourstyles/tour2fluid.css);
The page code is as follows:
@import url(file:///D|/Wine Tour/p7pm/p7pmh13.css);
@import url(file:///D|/Wine Tour/tourstyles/tour2fluid.css);
I've switched the links relative from document to site root and back again with no joy.
Sure would appreciate a pointer on how to fix this. Thanks.

It looks as though the site definition is wrong. Have you fallen foul of the problem with the latest versions of Windows not registering the site root folder correctly? See http://forums.adobe.com/thread/478327.

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 edit the core.css file

Hello,
All the fonts in my Apex app are too small, and I mean all the fonts, for the interface too. So, I did a bit of research and found it is probably the core.css file that has been adjusted, trouble is I do not know how to change it. Even installed Microsoft Office Sharepoint to do the editing but I cannot locat the file, or rather I can but I cannot seem to be able to edit the file. I think the file can be found here http://127.0.0.1:8080/i/css/core.css but when I try to access this site from sharepoint it prompts me for username and password for the 127.0.0.1 address and does not accept what ever I enter. Any advice welcome.

Hi,
I do not recommend you change Apex css files.
Create your own theme and change css file on that.
Or add your application page template header style that overwrite font size like
<style>*{font-size:40px!important}</style>When you try login to xdb where is all images,css and js files use SYSTEM user.
http://daust.blogspot.com/2006/03/where-are-images-of-application.html
And Apex related question you should post to Application Express Forum
Oracle Application Express (APEX)
Regards,
Jari

Location of Apex 4.0 themes.css file

Similar Messages

Maybe you are looking for