Central custom css deklaration in Netweaver?

Hi,
is it possible to apply a costum css file with styles for all elemtents in the Netweaver portal. Like jsp, webdynpro, etc. I know for this issue you should use a motive and the motive editor, but the options in this editor and the functions are sometimes not the best solution.
The best solution would be a central css file in which you have the possibility to style all your elements by stylesheets. Is there an css import in the motives? exists an empty motive so that I can overwrite the generated css files? Are there other controlmechanisms for web dynpro elements? Can I edit the css classnames of the web dynpro elements?
Thanks for your help. Buy.

Hi Jan,
Thanks for answer. Yes a external facing portal fits my needs. I have implemented one, but the central theme is only editable with the helb of the motive editor (http://help.sap.com/saphelp_nw04s/helpdata/EN/43/86b6bce99d72a7e10000000a11466f/content.htm TASK 6). And you have to agree to me that the functionality of this editor isn't exactly brilliant CSS 1, some of the Webdnpro elements are not editable, the support of firefox is bad, you can define padding, color, images, etc. But sometimes that is not enough.
So it would be perfect if there is a way to define my own custom "theme.css" with the styling information for my navigation iviews, siteheader, footer, brand, web dynpro registers, input boxes, etc.
So has anybody ideas or experiences for this area?

Similar Messages

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

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

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

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

How to include custom css in js file

Hi,
We have a JS view and we want to include custom css in the same. How can we achieve the same.

Hi Saket,
You can use this in your view
jQuery.sap.includeStyleSheet("custom.css","MyCustomCSS");
or if it is in a package called css
jQuery.sap.includeStyleSheet("css/custom.css","MyCustomCSS");
MyCustomCSS is just an alias to call the css file
Thanks,
Roshini

How to use a custom css with a ditamap?

I'm still trying to get to grips with some DITA Frame basics and another piece of info that I would like to have is how to get the ditamap to use a custom css when it is output to xhtml with the DITA OT. Is there any simple non-super-techie way to do this without having to learn how to hack the ANT programs?
Under the StructureTools menu, there is an Import CSS styles item, but I can't find instructions on how to use it accessible to my level.
Also, is there a way to apply a company stylesheet to the Responsive html output generated with the new Publish tool? I realize the two provided templates can be modified element by element, but it does mean a lot of modification, and it would be cool if we could just invoke the stylesheets that already govern our web site so that the output could match.
Thanks to anyone who can help,
Elisa Roselli
Cambridge Imaging Systems

Hi Elisa...
The short answer is .. no.
When you publish through the OT, you're just passing control off to an Ant target and the DITA-OT processing. You'd need to modify the files in the OT to use a modified CSS. Note that the "easy" way to do this is to just edit the CSS file directly in the OT file structure. The "proper" way to do it is to develop an OT plugin and set up a new Ant target that uses your styling instead of the default. You'd change the Ant target that FM uses so it calls yours (don't recall where this is but it can be done).
One thing that may be useful to know is that when you set the value of the @outputclass attribute on an element in DITA, the corresponding tag in the generated HTML is assigned a @class attribute with that same value. This lets you set "styling" in DITA that is applied to the output. You still need to get your custom class definitions ino the CSS.
The Import CSS item on the StructureTools menu has nothing to do with OT publishing (or anything that you'd likely be using).
I'm not aware of a way to apply a stylesheet to the Publish tool .. I thnk you have to go through the process of mapping styles manually. I could be wrong, and if so, hopefully someone else will jump in to help.
Cheers,
…scott

After deleteing Custom CSS and Custom Functions, cannot get FireFox to recognize audio player. Works in IE and Safari. Site is https and using bluehost.

Using the Genesis Framework on my WordPress site. I can use Safari and IE. However, when I try to use Fire Fox, it will not appear. I deleted all of my Custom CSS and Functions. Still, nothing is working. Contacted bluehost, the representative there was not able to help me out and also emailed CD Baby to see what might work. I am not sure if it is something with my site using HTTPS instead of HTTP of why this is not working? I am told the plugin works on Fire Fox but I cannot for the life of me figure out what's going on. Also changed themes and used Twenty Thirteen among others. Still the same thing. Fire Fox will not work. Tried in Text widget, and pasting on a page, and still not working. IE and Safari it is fine. Do I need to add something else within my site? Thanks ahead of time for any way to solve this situation.

There is mixed active content loaded in an iframe that Firefox is blocking as you can see by the shield icon at the left end of the location/address bar.
*https://developer.mozilla.org/Security/MixedContent
*https://developer.mozilla.org/Tools/Web_Console

IE Browser not displaying correctly when I add a Custom CSS file

When I add Custom CSS to my ADF application, my Panel Box is displaying with vertical lines when I view the page in IE 6/7.
It works perfectly fine in Firefox.

Hi,
and the CSS is ?
Frank

Changes in custom.css are not displayed on iPad

Dear all,
I'm using a custom.css file in my Analysis Application.
Changes in this CSS-file are immediately shown in my design in Design Studio and when executed on the BI Platform.
However, these changes are not displayed when I run the application in SAP BusinessObjects Mobile on iPad.
Thanks for sharing your ideas,
Hans

Hi Hans,
If you make changes to your custom css file and reupload the file to your BIP and then open the report, does it help if your clear your browser's cache and reload the report again, do you see the css changes then?
So instead of restarting the APS just clear the Browser Cache. The changes will be seen only in the browser and for the user who has cleared his browser cache.
If you want to disable css caching there are different options available in general but with Design Studio only some of them can be implemented: you could configure your web server (for example Apache) to force refresh of cached data for example by setting some header parameters/values or with some other method.
(just take into notice the performance implications of such a setting: the best option would be to force the reloading of the css file only when it changes and only for files that are changed, not for all css files all the time)
There is a lot of information about overcoming caching techniques alone when you do a search on the stackoverflow site, for example this one has some good techniques:
What is an elegant way to force browsers to reload cached CSS/JS files?
Regards,
David

ERROR Could not load style sheet: custom.css

Hi i am working with ADF faces.I had used selectors to change the skin.I put all the selectors in custom.css file.And i put the folder in the webcontent folder.
Like Skins/Ex/custom.css.
And here is the content of my adf-faces-skins.xml file
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://xmlns.oracle.com/adf/view/faces/skin">
<skin>
<id>Ex.desktop</id>
<family>Ex</family>

<render-kit-id>oracle.adf.desktop</render-kit-id>
<style-sheet-name>custom.css</style-sheet-name>
</skin>
</skins>
And adf-faces-config.xml content is
<?xml version="1.0" encoding="windows-1252"?>
<adf-faces-config xmlns="http://xmlns.oracle.com/adf/view/faces/config">
<skin-family>Ex</skin-family>
</adf-faces-config>
Now my problem is my application could't recognize the stylesheet.
And while i run the application i am getting the output which is using the Simple skin.......And in the log file it showing the error like
2006-11-09 14:18:58.125 ERROR Could not load style sheet: skins\Ex\custom.css
So anybody could help me in finding out the error.......Hope so..........
Thanks.......
simmi

I am sorry
Here is the content of my adf-faces-skins.xml file
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://xmlns.oracle.com/adf/view/faces/skin">
<skin>
<id>Ex.desktop</id>
<family>Ex</family>

<render-kit-id>oracle.adf.desktop</render-kit-id>
<style-sheet-name>skins\Ex\custom.css</style-sheet-name>
</skin>
</skins>

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

How to refer Custom css from the custom file say xxcm_sc_custom.xss

I want to refer all the custom css from other file xxcm_sc_custom.xss, which i created in my project directory and deployed in mds, The client wants all the css to be here, so how to refer this file from custom.xss file which is in java_top, i tried giving <import href="path of my file"> but there is no effect in pages, what are the exact steps for it...
Thanks
Babu

Yes, thats what i tried first...can you tell me what am i doing wrong...
This is the header part of my login page template which i am trying to edit...
The default css that the page is using is theme_3_1.css. My css file and images are in the same directory as theme_3_1.css
<html lang="&BROWSER_LANGUAGE." xmlns:htmldb="http://htmldb.oracle.com">
<head>
<title>#TITLE#</title>

#HEAD#
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_20/mystylesheet.css" type="text/css">
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_20/theme_3_1.css" type="text/css">
</head>
It is not pulling my images.
I know my html is right, because, if i create a separate html file (away from apex) and use the above two css, again on the same directory..i am able to get the images displayed!!!!

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.

Central custom css deklaration in Netweaver?

Similar Messages

Maybe you are looking for