Custom cascading style sheet

We are using 'skin_custom.properties' to point to a style sheet that will contain
all our values to the existing selectors in the various style sheets. For example,
in 'body.css', the 'background-color' property is set for '.bea-portal-body'.
However, we override this in our own style sheet.
The problem arises from the fact that the order of the style sheets is determined
by the optional "index" attribute set in the .properties file and that unindexed
groups are "rendered last in an arbitrary order". If you look at 'skin.properties',
most of the standard style sheets do NOT use the "index" attribute. I would like
my style sheet to be the last one so that it will take precedence but it doesn't
look like this is possible. Any ideas?
I prefer not changing the standard style sheets because that will be a maintenance
nightmare whenever a new release is installed. Using the 'skin_custom.properties'
is very clean and maintainable. Once again, any ideas would be greatly appreciated.

Hi Scott,
I've done a quick test using a CSS file located on the filesystem. My CSS contains the following
#tCarmineTabs{margin:0px 0px 5px 0; padding: 0px; border-bottom:2px solid #000; border-top:none; line-height:normal;font-weight:bold;background: url(http://localhost:8080/i/themes/theme_carmine/tab_bg.jpg) repeat-x left middle;}
This works fine in IE with the background image being displayed, however the image is not being displayed in Firefox. So it looks like it's browser related.
I'll do some further testing on Firefox and see if I can get the image to display.
Andrew.
http://www.apexskins.com

Similar Messages

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

BI XI 4.0 Cascading Style Sheets

In BI XI 4.0 can you change the relative horizontal position of a table in the Cascading Style Sheets to always be 0 cm vs. 32 cm?

Minty Baffles wrote:
          >
          > css files work just fine with 6.0 and 6.0 sp1.
          >
          > <link rel="stylesheet" type="text/css"
          > href="<%=request.getContextPath()%>/default.css">
          >
          > seems so obvious have i missed something in your question?
          >
          > "Kumar Allamraju" <[email protected]> wrote in message
          > news:[email protected]..
          > > Pls file a bug report with [email protected]
          > >
          > > --
          > > Kumar
          > >
          > > Garvin F Dean wrote:
          > >
          > > > Are these supported in 6.0? We're using Tomcat 3.2 which has no
          > > > problem, but we can't seem to get the css files to be served by WLS.
          > > > All help appreciated.
          > > >
          > > > Garvin
          > >
          We're using custom tags, and the style sheets are actually loaded via
          the custom tags. Ironically, every is served "as expected" on the
          Tomcat server, however, two interesting things occur when we serve our
          application in WLS: 1. The style sheets don't get parsed at all on
          netscape. 2. On IE, the images don't show.
          Normally, I would suspect the issues were browser related, except that
          none of these issues occur when hosting the application on Tomcat.
          Thanks.
          [garvin.dean.vcf]

Cascading Style Sheets are NOT written to the file system

Hallo,
On the "Cascading Style Sheets" page is written that: "The Cascading Style Sheets are written to the file system, so you can reference them in your HTML source code."
I am true that if this works I can reference the css with something like this?
<link rel="stylesheet" href="/i/sample.css" type="text/css">
and do not need this style:
<link rel="stylesheet" href="#APP_IMAGES#sample.css" type="text/css">
<link rel="stylesheet" href="#WORKSPACE_IMAGES#sample.css" type="text/css">
I have looked on the "Cascading Style Sheets" page: http://127.0.0.1:7780/apex/f?p=4000:37
Are there some other preferences, options, etc. to set that this will be working?
Thx for your help. Willi

Hi,
CSS files uploaded through Shared Components, Cascading Style Sheets are written into the database, so you would have to use:
<link rel="stylesheet" href="#WORKSPACE_IMAGES#sample.css" type="text/css"/>You should be able to see these if you run the following in SQL Commands:
SELECT * FROM APEX_APPLICATION_FILES
WHERE UPPER(FILENAME) LIKE '%CSS%'Andy

Cascading Style Sheets in JEditorPane..

I have created a Java program that displays an HTML page in a JEditorPane. The JEditorPane seems to have a problem displaying pages with internal Cascading Style Sheets. The app grabs an HTML file off my and displays it in the JEditorPane but the file does not display correctly. I have tested it with sites that use external Style Sheets and it seems to work fine.
Does anyone know anything about this?
Thanks, Jason

Hi Jason,
you could try to explicitly set the style sheet to one you pick by the following sample
      StyleSheet ss = getStyleSheet("style.css");
      HTMLEditorKit editorKit = new HTMLEditorKit();
      editorKit.setStyleSheet(ss);
      hd = (HTMLDocument) editorKit.createDefaultDocument(ss);method 'getStyleSheet' looks as follows
private StyleSheet getStyleSheet(File cssFile)
        throws MalformedURLException, IOException
    StyleSheet ss = null;
    URL cssUrl = cssFile.toURL();
    BufferedReader br = new BufferedReader(
        new InputStreamReader(cssUrl.openStream()));
    ss = new StyleSheet();
    ss.loadRules(br, cssUrl);
    br.close();
    return ss;
}hope this heps
Ulrich

Safari issue with cascading style sheets

I've been using the beta version of Safari 4.0 for weeks with no problems. Now the final version seems to have totally messed up what appears to be cascading style sheets on my blog. My blog looks perfectly fine on other browsers as well as on the old beta version I have on my tower so I know it is not me. Has anyone else noticed this?

Thanks for that. Can you post a screenshot to show us what you see? I can see the site at the moment, but I've no idea if that is what you see as well or not
Image hosting sites such as www.imageshack.us are good for uploading the image to. After that, you can post a URL of the image from there to here.

Linking Cascading Style Sheets to a Servlet

Can anyone tell me if it's possible to include a Cascading Style Sheet in a Servlet? I know this can be done in a JSP file. But I need to be able to do this in a Servlet.
Please point me in the right direction if this is possible. Below is the sample code that I wrote, but it doesn't work.
cssURL = "../jsp/drawingsQueryCSS.css";
RequestDispatcher dispatch = getServletContext().getRequestDispatcher(cssURL);
dispatch.include(request, response);
I appreciate your help,
Dar

It looks like you are trying to copy the contents of the CSS file into your servlet response. Why not just write out a link to the CSS file in the header of your HTML? Mine looks like this:
<meta http-equiv="Content-Style-Type" content="text/css"/>
<link href="../nav_style.css" rel="stylesheet" type="text/css"/>

Remove Cascading Style Sheets language from html

Hello,
I need to remove the Cascading Style Sheets language from the html file by using the html parser.
Please help. Thanks.

In XHTML that would be easy :)
In HTML, look up the regexp lib, load the HTML file, then use something like
fileString.replaceAll( "(?i)<link rel=\"stylesheet\"\\s*type=\"text/css\"\\s*href=\".*\"/??>", "" );maybe?

Cascading Style Sheet

When I attempt to either create a new Cascade Style Sheet or open an existing on in Designer (Microsoft 8) I get an error message saying that there is HTML code and the task cannot be completed.

This forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/indesign

Referencing CSS from Shared Components/Cascading Style Sheets

Apex 4.0
I've been placing my CSS style sheet in Shared Components/Cascading Style Sheets. And referencing it as follows <link type="text/css" rel="stylesheet" media="screen" href="#WORKSPACE_IMAGES#app300.css">.
For weeks all has seemed to work fine. I make changes to app300.css in Cascading Style Sheets. Clear cache. And see my change.
But suddenly it stopped working. More specifically my updates don't take. I firebug and look at the file under CSS and don't see my changes. app300.css is unchanged. Then I deleted app300.css from Shared Components/Cascading Style Sheets. The file is deleted. No longer in the Cascading Style Sheets panel. But the old file still appears when I look under firebug.
Simply a brain cramp for me. I know this is probably obvious but I can't figure it out.

Hi,
If your file still recides in the database, you might want to try deleting it with a procedure from the wwv_flow_api package:
set serveroutput on
declare
l_security_group_id number;
begin
select workspace_id into l_security_group_id
from   APEX_040000.APEX_WORKSPACES;
wwv_flow_api.set_security_group_id
      (p_security_group_id => l_security_group_id);
wwv_flow_api.create_or_remove_file
    ( p_name           => 'app300.css'
    , p_location       => 'WORKSPACE'
    , p_mode           => 'REMOVE'
    , p_type           => 'CSS'
commit;
end;
You can run this using SQL developer/ Toad or whatever program you use, but I don't think you can run in the SQL workshop of Apex.
Run it as workspace owner.
First part sets the apex engine to point to the correct workspace id in Apex, change "APEX040000" to match your version of Apex.
Second part is the procedure that should remove your file from the database.
Make sure you commit your changes and try to upload your css file again.
Regards,
Vincent
http://vincentdeelen.blogspot.com

JSP + Cascading Style Sheet + Javascript problem

Hello, I've got a JSP page that has included a Javascript (JS).
In that JS, a Cascading Style Sheet (CSS) is included. Also on the JSP page, I have some code that makes use of the JS to create a Windows-style combobox, which is not available through raw HTML. The code is as follows:
<BODY>
<SCRIPT language="javascript" src="ComboBox.js"></SCRIPT>
<SCRIPT language="javascript">
dm=new ComboBox("dm")
dm.add(
       new ComboBoxItem("barge",1),
       new ComboBoxItem("benluc",2),
       new ComboBoxItem("benlieeeeck",3),
       new ComboBoxItem("taco",4)
</SCRIPT>
<CENTER><H2>Choose Project Number</H2><CENTER>
<FORM METHOD=POST ACTION="">
<% //DB connection to populate the combo box %>
<% // Database Connection Parameters
    String DB = "dbname",
    query = "",
    HOST = "jdbc:postgresql://URL:5432/",
    ACCOUNT = "username",
    PASSWORD = "password",
    DRIVER = "org.postgresql.Driver";
    // authentication properties
    Properties props = new Properties();
    props.setProperty("user", ACCOUNT);
    props.setProperty("password", PASSWORD);
    // load driver and prepare to access
    Class.forName(DRIVER).newInstance();
    Connection con = DriverManager.getConnection(HOST + DB, props);
    Statement stmt = con.createStatement();
    try{
    query= "SELECT * FROM Projects ORDER BY Name";
    ResultSet rs = stmt.executeQuery(query);
%>
Project S/O:
<SELECT NAME=projid>
<option value="dummy">Choose one...</option>
<% while (rs.next() ) { %>
<OPTION VALUE="<%=rs.getString("Name") %>">
<%=rs.getString("Name")%> ,   <%=rs.getString("Desc")%>
</OPTION>
<% } %>
</SELECT>The problem I am experiencing is that if I move the 2nd SCRIPT tag anywhere but where it is, it makes IE bomb and takes me to an error page. The error message is as follows:
"Internet Explorer cannot open site http://myURL. Operation aborted."
Any ideas?
Haig

I need help in this matter. Someone please reply. Thanks.

Part 07 - Understanding and Using Cascading Style Sheets | Classroom: Basic Site Layout and Navigation in Dreamweaver | Adobe TV

In this video you’ll continue to further customize your website using CSS or Cascading Style Sheets. With CSS you can control many visual aspects of the website efficiently and consistently. Learn the basics of how CSS rules work and how you can easily take advantage of the power and flexibility of CSS in Dreamweaver including creating and editing your own CSS class.
http://adobe.ly/wTlFxC

some of these tutorials don't really work. changing the body image to scrolling or fixed doesn't change anything on my computer, and apparantly doesn't change anything on the version that the instructor is using either, since he never shows us the "before"

An invalid or empty reference to a Cascading Style Sheet file was specified.

Hello,
I am having an issue with a page layout that I created yesterday and that was running just fine before I left work. I shut down my environment and system at the end of the day. When I came in today and fired up SharePoint 2013 and SPD 2013, I
noticed that when I attempted to open the Page-Layout I worked on yesterday I received this message:
An invalid or empty reference to a Cascading Style Sheet file was specified. Valid references must specify only a filename that ends with a ".css"
I have validated both the master page and the page-layout for malformed or incorrect css references but there are none.
This kind of stuff drives me crazy with SP. So much time spent chasing needles and the error message might have nothing to do with the real cause.
Thank you for any and all help you can provide.
Tim

Hi Tim,
Could you please reproduce the steps of creating the page layout today, and see if shutting down your environment and system affects something which might cause the issue?
In addition, please check in ULS log per the issue timestamp and see if there is more error information can be help to find out the root cause.
Regards,
Rebecca Tu
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

11g Custom.CSS Style Sheet issue...is it a bug?

I've created a custom style sheet that we're using to change the graphical elements of our dashboard. I've got everything working and I'm really pleased about how it's looking. Today, I started working on changing the default field attributes. I didn't want to have to go in and change 7-8 elements (font, size, bold, etc) so I used the Custom.CSS file and created new CSS classes that I could easily assign to fields. My thought was that I could go through my whole web-catalog once and apply the CSS to each of the fields, their headers, etc. so that if we wanted to make global changes to formatting later on, I could go and edit the Custom.CSS.
I've run into a slight problem which brings me to the purpose of this post. I have saved the CSS classes into the fields, applied them and saved the changes as the defaults for the fields. Everything works great and the CSS defined styles appear when I create a new report. My concern is that when I create a new report and pull in one of the fields that I have defined and saved the default style, the field no longer shows that it's definition is linked to the Custom.CSS. If I hover over a field in Firebug, it tells me that it's referencing the Custom.CSS, so I know the field is actively referencing the CSS. Shouldn't the field retain the reference to the Custom.CSS when I save the style? Any other developer going into the field will not be able to tell that there is a style sheet that defines the field attributes.
Also, is there a better way to go about applying styling to fields across the board?

Hi Brad
The changes to the file is not done outside of Muse, I know by touching Muse's files from BC will screw things up,
rather it is done from Muse itself by going to the page properties and entering an html code in the header of the page.
Also maybe I should'nt said Locally Published, I meant when exporting the html and viewing it locally.
Regards

Cascading Style sheet modify for webi in 4.0

Hi,
we are planning to change company document style sheet.
So i went through one document, I have few questions on it.
1.what it mean "The Cascading Style Sheest are derived from the W3C CSS" ?
2. In document they mention that "The style sheet of a document is stored on the CMS, in the User settings" , I am not able to find it out.
could some one help me out ?

Hi,
which SMP or Help.sap.com document did you go through ? was it this one? http://help.sap.com/businessobject/product_guides/boexir4/en/xi4_ia_en.pdf
In 4.0, the default values for the rendering and the style are stored into a file named WebiDefaultStylesheet.css stored in the server's images folder. (The defaultConfig.xml is an obsolete file from XI3.1)
Note that for the BI 4.0, you would not be able to update the default style AFTER document creation. If you want to modify default style, you must :
1. update the .css file stored in the images folder of your server installation or rich client : C:\Program Files (x86)\SAPBusinessObjects\SAP BusinessObjects Enterprise XI 4.0\images\WebIDefaultStyleSheet.css and
2 Then create a new webi document to see your style modification.
In FP03, we completed the development of the default style edition by giving an easier and immediate way to update the css: You would be able to export/import the stylesheet from any webi document directly from the UI of the rich client or the applet.
Regards,
H

Custom cascading style sheet

Similar Messages

Maybe you are looking for