Using customized css in a portal application

Hi,
Sorry for the beginner question but I can't find sufficient documentation for that.
I would like to use my own css in my portal component and override the default theme design, could someone please point me to what I should do ?
Thanks,
Elad.

Hi Elad,
For JSPs to access this css file here is the sample code. Make sure that you keep your css file inside dist->css folder.
<Html>
<Head>
<%@ page import="com.sapportals.portal.prt.component.IPortalComponentResponse"%>
<%@ page import="com.sapportals.portal.prt.resource.IResource"%>
<%
IPortalComponentResponse componentResponse =
(IPortalComponentResponse)pageContext.getAttribute(javax.servlet.jsp.PageContext.RESPONSE);
IResource suckerfishCss = componentRequest.getResource(IResource.CSS, "css/GlobalReportStyles.css");
componentResponse.include(componentRequest, suckerfishCss);
%>
</Head>
<body>
</body>
</html>
Now the class files must be availble to you.
Regards,
Vishal

Similar Messages

Can i use custom css ?

can i use custom css in links or anywhere ? thank you

Hi Krypton,
You will not be able to able to alter the html generated via Muse and such practices are not recommended as well. In case you are absolutely sure what you are doing then you need to use custom JS to modify the html that muse renders. Again, the custom JS will be inserted using the options that I mentioned above in my previous post.
- Abhishek Maurya

How to create custom template for webcenter portal application

Hi,
I created webcenter portal application in my jdev using the webcenter portal application template provided by the webcenter framework.
I tried to create custom template for my application by following steps:
1. Created new application using webcenter portal application template with all default package structure.
2. Right click pagetemplates folder under webcontent package and select new option.
3. New gallery opens up.
4. Selected JSF under webtier and JSF Page Template under items in the right hand side and clicked Ok button.
5. New wizard opens up for creating new JSF page template.
6. Gave template name(file name) and Page Template Name(template def name).
7. Selected checkbox staing start a Quick Start Layout and selected three column layout and selected Ok.
8. Selected checkbox for Create Associated ADFm Page Defination(so that page templates can be changes at run time).
9. Created some Facet Definations (header, footer, content1, content2, LHN, RHN).
10. Clicked Ok button which will create custom template.
11. Added some Panel Group Layout component from Component Palette.
12. Created new page (.jspx) with this template.
Now when I try to add producer portlets created using Producer Portlet application template and connected to the above application using WSRP2.0, I'm facing problem.
The prolem is that I'm not able to add more than one portlet in one single page?
Kindly let me know whether the steps followed by me is wrong some where and needs to corrected and let me know how I can add more than one portlet to page?
Basically I cant see more than one placeholders in my page to add portlets.

Thanks Yannick.
In the step 9 I had mentioned that I created various facet definations (header, footer, content, content1 RHN and LHN).
Is this is not facet you are talking about or should I drop facet ref from the resource palette?
Can't I add moer than one portlet to my page at design time itself?
Annoying since in weblogic portal we do this at design time(.portal).

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

Using custom CSS on workspace

Hi,
Is it possible to use a specific custom css file to rearrange the contents of a teamworkspace?
We would like to design the entire page using css, instead of the builtin tool since this makes it a lot easier.
Regards

hi,
This usually happens to me when the CSS file is not published or approved yet. Where is your new CSS located? Have a look
with SharePoint Designer or browse to it and publish/approve it.
use refrence from below links
http://sharepoint.stackexchange.com/questions/53565/css-and-js-files-work-for-admin-but-not-for-members-and-visitors-sp-2013
http://sharepoint.stackexchange.com/questions/20558/sharepoint-2010-branding-i-see-it-as-site-admin-but-rest-users-dont
Whenever you see a reply and if you think is helpful,Vote As Helpful! And whenever you see a reply being an answer to the question of the thread, click Mark As Answer

Using Custom css in master page but it changing the alignment when some user log in

Hi all,
I created a custom css and i applied on master page,this css is good for admin log in,but other group users are loges in, css is changing in Alignment of Pictures how to solve this issue , I given the permission for the style library where
i placed the images and css file

hi,
This usually happens to me when the CSS file is not published or approved yet. Where is your new CSS located? Have a look
with SharePoint Designer or browse to it and publish/approve it.
use refrence from below links
http://sharepoint.stackexchange.com/questions/53565/css-and-js-files-work-for-admin-but-not-for-members-and-visitors-sp-2013
http://sharepoint.stackexchange.com/questions/20558/sharepoint-2010-branding-i-see-it-as-site-admin-but-rest-users-dont
Whenever you see a reply and if you think is helpful,Vote As Helpful! And whenever you see a reply being an answer to the question of the thread, click Mark As Answer

Using Custom CSS Elements

Hello,
i want to add own elements into a theme css file and use it in a jsp file (part of a portal archive). So im wondering if this is possible and how this will affect the sap portal theme editor?
regards,
Markus

Hello Markus,
as I understand, you are changing code of the top level navigation par file too. Is that right?
Even if not you could deploy your own par file for your top level navigation and include your own css files with it. But that way you will of course not be able to edit these css properties in the theme editor.
But as far as I understand the documentation there is no (standard) way to change the theme editors behaviour or how it handles the css files that it generates.
With the following Code you can include css files with your par file:
<%@ page import = "com.sapportals.portal.prt.component.IPortalComponentRequest" %>
<%
IResource myCss = componentRequest.getResource(IResource.CSS, "css/my.css");
currentResponse.include(componentRequest, myCss);
%>
The above used path is relative to the root folder in the par file. The css files should be located in the subfolder css.
I am using this way in my own project and it works well.
Kind regards,
Roland

Web composer option not displaying while Customizing Error Messages of Portal applications

Hi
I am trying to customize the error messages through web composer in sap portal but when i Choose System Administration → System Configuration → Knowledge Management → Content Management Web composer option is not shown . I am using netwearver 7.0
please guide me I searched google but couln't find any satisfactory answer.
Thanks

Hi Raima,
From your description I assume you are attempting to implement the steps outlined in the following documentation, is this correct -
Modifying Error Pages - Carrying Out the Initial Configuration - SAP Library
If you are navigating to the KM configuration through the steps you outlined and you do not see WPC Composer listed under 'Content Management' I would suspect that it is not deployed on your system (at least not successfully). It is not included as part of the default stack in EP 7.0 and must be deployed separately. If you do intent to deploy this component, you should also note that the SP level of the KMC-WPC SCA should match the SP level of the other KM and EP components.

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

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

Access to Entity Service from Portal Application

Hi Experts,
I have a hybrid application which will be making use of both Web Dynpro and Portal Applications. I decided to use Entity Services to store my back-end data and can access it fine from the Web Dynpro project. I have included the public part of my CAF project into the Used DCs of my Portal project and while I am able to call the methods of the Entity Service at compile time, at runtime I receive an error message on the page:
An exception occurred while processing a request
I know in order to get this to work for Web Dynpro I had to include sap.com/tccolapi.sap.com/cafruntimeuicouplingapilib as a Library Reference and a few Used DCs, but while I have added the Used DCs to the Portal project, I am unsure of how to add the Library Reference. I assume this has to be added to portalapp.xml, but I don't know the syntax.
Could somehow please reply with how to do this and whether this is all that is required in order to call Entity Service methods from Portal applications?
Thanks,
JP

Hi Smith,
Write click on the Project then goto the Properties=>Webdynpro References=>Library references
add
caf/eu/gp/api
sap.com/cafruntimeuicouplingapilib
And add the following DC in your project.
1> External in caf/eu/gp/api (CAF domain)
2> caf/eu/gp/api/wd (CAF domain)
3> com.sap.security.api.sda (SAP-JEE)
portalapp.xml
<?xml version="1.0" encoding="utf-8"?>
<application>
<application-config>
<property name="SharingReference" value="usermanagement, knowledgemanagement, landscape, htmlb, exportalJCOclient, exportal, SAPJ2EE::library:cafeugp~api"/>
</application-config>
<components/>
Check this thread .
Using CAF GP API in Portal Application project
Regards,
Mithu

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

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

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

Portal Application dev with JDI - portal services

I am trying to create a new Portal Application using a development component type "Portal Application Module". I want to utilise the full component model and JDI. I need to access various portal services (usermapping, jco ..). Runtime support is provided for by configuring the application config sharing references in the portalapp.xml descriptor file - this is not an issue.
My problem is how you specify a usage relationship to a development component that represents each portal service. For example the portal jco service - "com.sap.portal.runtime.application.jcoclient". These services do not appear to be available under the Software component SAP_JTECHS. Is there another Software component that contains the portal services as a dc?
This is a major issue because how can a development component build using the CBS occur if the CBS build spaces don't contain the correct portal service archives ?
Any ideas?

Hi,
Can you test with a HTTP Server at the front end and this will help you to see the Maps.
Implement the instructions detailed in this posting on our Knowledge Base (My Oracle Support) ;-
Doc ID 1534984.1 - BI Publisher 11g Reports Embedded In Web Center need Oracle HTTP Server
Also,please review the below document.
Reports with Map show error message "Unable to download resource files from Oracle Fusion Middleware MapViewer" in OBIEE 11g (Doc ID 1571457.1)

Using customized css in a portal application

Similar Messages

Maybe you are looking for