Where used of a .css file?

Hello All,
Can anyone guide me as to how can I find the where used list for a .css file in SAP. Thanks in advance.
Rgds
Priyanka

Hello Priyanka,
is this CSS-File part of a BSP Application?
Regards
Gregor

Similar Messages

Where to find the css file for logon page customization

Hi All,
I am doing the logon page customization but i am not finding the stylesheet to change the background colors.
While testing it is taking the default css stylesheet.
Can anyone suggest from where to edit the css file?
With Regards
Ashutosh

Dear Ashutosh
You can find the css folder under the logon par file.
Please find below reference for modifying the PAR file:- http://help.sap.com/saphelp_nw04s/helpdata/en/bb/1bb8428e05c86ae10000000a155106/content.htm
A fast and easy Portal logon page customizing
Modifying The Logon Par(or customising the Logon Screen)
Customizing Portal Logon Screen
Portal Customizations Intro - Login Part 1
Portal Customizations Intro - Login Part 2
Hope it will helps
Best Regards
Arun Jaiswal

How to use elements in .css file with javascript in the jsp

I have a jsp in which i need to show some links with the background colour.The links depends on certain conditions which is known.But the requirement is that the background color should be grey and white alternatively. I could have hardcoded the background color with the link. But the problem is that all the links are not visible to all users. The background color is defined in the .css file. I need to check the background color for the previous link. I am declaring a boolean within a jsp and then verifying the value of that boolean( in the javascript within the same jsp) so that i could know the bckground color for previous link.but i am not able to use the element in the .css element in that javascript which is having if-else loop.It's showing an error when i tried doing this. So can some one help me out how can this be done.

Hi Shweta,
Refer this [wiki|https://wiki.sdn.sap.com/wiki/display/Snippets/ABAP-TableDisplayinSAPScript]
Regards,
Sravanthi

Using your own CSS files

WE currently have a portal running on a different technology. But we were hoping
to be able to use the old css's from that portal. But according to the documentation
you can't chance the names of the tags defined in the different css under each
skin. Does anyone know if there is a way to integrate old css's with the portal??

Hi Henrik,
the html pages in a portal are generated using a bunch of jsp files (the
skeleton). If you really want you can modify them to use your names. You
also have to modify the js files in the skin(s), and maybe some other
skeleton files. I haven't tried it yet, but I'm almost sure it is a hard
task, so probably it is easier to modify the css.
BR,
don
Henrik Poulsen wrote:
WE currently have a portal running on a different technology. But we were hoping
to be able to use the old css's from that portal. But according to the documentation
you can't chance the names of the tags defined in the different css under each
skin. Does anyone know if there is a way to integrate old css's with the portal??

Where can I found css file in order to customize components?

As title ;)
I hope u can help me ;)
Thanks in advanced

Extract "com/sun/javafx/scene/controls/skin/caspian/caspian.css" from the jfxrt.jar file

Wiki CSS files over HTTPS use only RC4

I finally found the answer to my problem of why the wiki CSS files wouldn't load.
It turns out that the wiki forces an HTTPS connection and it retrieves the CSS files from https://d11xdyzr0div58.cloudfront.net. The encryption used for those CSS files uses 128-bit RC4 with MD5. In Firefox, the about:config parameter name is
security.ssl3.rsa_rc4_128_md5
I had turned off all RC4-based encryption for SSL3 in about:config because RC4 is old and not appropriate for secure use in the modern day. Since SSL works by the server offering to the client all of the encryption algorithms it's willing to use, and then the client selects the ones it likes, my assumption was that if the encryption parameters for a connection include RC4 Firefox would just not ever pick one of the RC4 options. However, I had no idea that there would be a website that ONLY offered RC4. My guess is that this is the case for the wiki's CSS file server, because only by turning on the about:config parameter mentioned above can I get the CSS files to load.
Is there a way to address this issue? Preferably, either the CSS file server needs to support alternative algorithms (it looks like a cloud host, is that under our control at all?), or the wiki needs a way to be viewed in non-HTTPS mode. I don't care about the security of the wiki CSS files, I care about having RC4 turned on in Firefox -- I shouldn't have to enable it.
I considered filing a feature request, but I wanted feedback first.

A couple of years ago, I wrote an extension for Firefox called CipherFox (see my sig below). One of its features is disabling RC4 in about:config. I've had RC4 disabled all this time, and the Arch Wiki is the first time I've ran into trouble with it being disabled.
I too don't care much about the CSS files being encrypted. Here's what I did a couple of months ago as a crappy, hacked-up workaround:
(1) A Greasemonkey script to change link and script href's to point to http instead of https:
// ==UserScript==
// @name Archwiki Cloudfront SSL
// @description Removes SSL from Cloudfront href's
// @version 1.0.0
// @author MkFly
// @include http://wiki.archlinux.org/*
// @include https://wiki.archlinux.org/*
// ==/UserScript==
var head = document.getElementsByTagName('head')[0];
var link = head.getElementsByTagName('link');
var script = head.getElementsByTagName('script');
var cloudfront = "d11xdyzr0div58.cloudfront.net";
for (var i in link) {
link[i].href = link[i].href.replace("https://" + cloudfront, "http://" + cloudfront);
for (var i in script) {
script[i].src = script[i].src.replace("https://" + cloudfront, "http://" + cloudfront);
(2) With that installed, loading the Wiki pages was still delayed while it tried to connect via SSL and waited to time out. I worked around that by blocking them with Adblock Plus:
|https://d11xdyzr0div58.cloudfront.net/*
I know this is a hacky way to do it, but it works for now. Hopefully Cloudfront will let us use something better than RC4 in the future.
Last edited by MkFly (2011-01-26 05:29:22)

Content.css file in Web page composer

Below are the styles I am using in a JSP file for Web page composer layout. Not sure where to add the CSS file.
Is it etc/wpceditor/css/runtime?
How do I include it in my jsp? and Do I hve to restart portal after I upload the css file?
table.wpc_3c_outertable
tr.wpc_3c_outertable_row
tr.wpc_hidden_row
td.wpc_sdn_20_46_34_col1
td.wpc_sdn_20_46_34_col2
td.wpc_sdn_20_46_34_col11
td.wpc_sdn_20_46_34_col12
tr.wpc_sdn_20_46_34_col1_row
td.wpc_sdn_20_46_34_col21
tr.wpc_sdn_20_46_34_col2_row
table.wpc_3c_innertable
table.wpc_3c_innertable2
td.wpc_mainarticle1, td.wpc_footer
table.wpc_3c_outertable
table.wpc_3c_innertable
table.wpc_3c_innertable2
td     { background-color: #FF9933; border: 1px solid #C0C0C0; }
=====================
will my layout work. If I add the following code to the content.css file?
content.css
table.wpc_3c_outertable, table.wpc_3c_innertable, table.wpc_3c_innertable2
tr.wpc_3c_outertable_row, tr.wpc_sdn_20_46_34_col1_row, tr.wpc_sdn_20_46_34_col2_row { vertical-align: top; }
td.wpc_sdn_20_46_34_col1
td.wpc_sdn_20_46_34_col2
td.wpc_sdn_20_46_34_col11
td.wpc_sdn_20_46_34_col12
tr.wpc_hidden_row
td.wpc_mainarticle1, td.wpc_footer

Vishal -
First... we are all new to WPC!
Second, no I don't think you need to create a new container. I think that you just need to add the swf type as an allowed type for the container.
So...
Figure out which container you are trying to add the flash file to (as you mentioned, A1, A2, etc).
Navigate to:
Sys Admin --> Sys Config --> Knowledge Mgt --> Content Mgt --> WPC --> Containers.
Edit the container you want to use.
There will be a box named Allowed Mime Types.
In here, select the "swf" mime type (make sure the check box is checked). Then Save.
At my company, we had the WPC ramp up from SP12, and are now on SP13.
I'm not sure what you get if the first time you had WPC is SP13, but for us I see two default A1 (and A2...B1..C4...etc) containers -- one that has "default" in the name and one that has "def" in the name. From what I see, SP13 WPC uses the one with "def" in the name, not "default". So, make sure you modify the one with "def" in the name.
After you make this change, you should see "swf" in the list inside the container when you are editing a page.
Is this clearer? I wish I could attach a screenshot.

Default css file problems

I'm trying to use a default css file in a library project... I'm using this in my library's compile arguments:
"-include-stylesheet defaults.css /assets/styles/defaults.css"
In defaults.css, I'm trying to assign a defautl skin like this:
comp|Badge {
    skin-class: ClassReference('com.woo.skins.BadgeSkin');
The problem is when the component is being newed:
Main Thread (Suspended: TypeError: Error #1009: Cannot access a property or method of a null object reference.)
    mx.core::UIComponent/getStyle
    spark.components.supportClasses::SkinnableComponent/attachSkin
    spark.components.supportClasses::SkinnableComponent/validateSkinChange
    spark.components.supportClasses::SkinnableComponent/createChildren
What part am I doing wrong? I'm hoping it's the -include-stylesheet part, I couldn't find a single example for using that.

I assume you are using FlexBuilder to build and compile and not ant or the comand line correct? If so there are two things you need to check.
1) Where is your defaults.css located? As long as it is in the root of your library's src directory (ie. src/defaults.css) you shouldn't even need to add that compiler option. When it builds a project, FlexBuilder looks for a file named defaults.css in this location and will use it to override the framework version.
2) Go into your project properties -> build path -> assets tab. Make sure your defaults.css file is selected for inclusion.

How to implement my Own CSS file in Portal App, eg Report

Hi ...
I have an urgent problem.
If i make a report portlet, for example, can i use my own CSS file?
Where should i put the css file?
How do i call the css file to the Report Portlet?
Thanks..
this is urgent.

Just two notes.
1. You're using old 10g (9.0.4.0.1) which soon will be desupported. If this is a running production system then you should update it with patch 9.0.4.2 which you can download from Metalink, and develop a plan to migrate your environment to 10.1.2.0.2. If this is still just a test system, then I recommend migrating to 10.1.2.0.2.
2. It's not a very good practise calling the Application Server with http://localhost. You should use hostname as described in Installation Guide.
Regards,
Martin

Redirect code to different css file for mobiles

i need some code that i can use to detect mobiles and then change to a css file for the page so it looks good on mobiles. ive been looking around and i can only find redirect codes to mobile versions on websites and i dont want that, i want to stay on the same page but just use a different css file. Thanks to anyone that can help me.

What you want are CSS Media Queries. They can be incorporated into your main CSS file like so. Feel free to adjust breakpoint values as required.
/* Special Styles for Mobiles. */
@media only screen and (max-width: 480px) {
    body { font-size: 75% }
/* Special Styles for Tablets */
@media only screen and (min-width: 481px) {
     body { font-size: 100%; }
/* Special Styles for Desktops */
@media only screen and (min-width: 1025px) {
     body { font-size: 135%; }
Nancy O.

Reformat on CSS file

Hi,
I'm using "reformat" in "save action" in jdev (11gR2). I have a problem with css file : the reformat action replace (for example)
af|body {
background: url('/images/background.jpg') top left no-repeat #EDEDED;
}with
af|body {
background: url('/images/background.jpg')top left no-repeat #EDEDED;
}--> remove a space after ')'
Internet Explorer 8 doesn't understand the formatted code.
Any solution? Can i configure jdev to doesn't use reformat on css file?
Thanks
Clément

Yes, those are blobs. The only truly static files are those in a DAD path similar to /i/ for images (which includes CSS, JS, etc)
I'd be inclined to tell you that your problem is due to how your page(s) are referencing the CSS files in the resulting HTML.. view-source on the page html and see how they get rendered.. My bet is that your bootstrap is indeed the last to be loaded (top->bottom). You also might want to invest some time using Firefox with FireBug (or similar) to get a better idea of how things are being interpreted.

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.

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

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

Where used of a .css file?

Similar Messages

Maybe you are looking for