cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

How to link a css file in the xsl file

Former Member

on ‎02-25-2009 6:55 AM

0 Kudos

Hi

I would like to know how to include link to my .css file in my .xsl file.

The scenario here is I want include a background color in my ShowForm.I am trying to do the same using css.

This is the code snippet in my css file

.outerbody {

background-color: B1C1CF;

}

This is how I tried to include a link in my xsl file

<link href="/irj/go/km/docs/Testing/MyNewsDemo/css_test.css" type=text/css rel=stylesheet>

Show replies
Show replies
Answer

Accepted Solutions (0)

Answers (1)

Answers (1)

Former Member
‎02-25-2009 7:06 AM
0 Kudos

Can you please tell me what is xsl file ?

Are you developing PAR based applications ?

Show replies
Show replies
Former Member
‎02-25-2009 7:23 AM
0 Kudos

Hi

Thanks for the response

I have built a project using xmlforms builder,it generates a xsl sheet. I want to include background color in the final show form.I am trying to achieve this using css. I would also like to know if there is an option to directly include the css file from xmlform builder so as to display a background color in my show form.

Former Member
‎02-25-2009 9:22 AM
0 Kudos

Hi,

Yes you can do this for sure. You can add a textarea to your form with the content being your <link> tag. Then you can hide the textarea so the user does not see it. You need to make sure that the stylesheet class you reference matches the class of the background.

I can send you an example sometime tomorrow, if you like.

BRgds,

Simon

Former Member
‎02-25-2009 9:53 AM
0 Kudos

Hi

Thanks a lot. It would be very helpful if you send me an example.

As of now I have found a solution,I would like to share it here.

I added a link to my css file in xsl:

<link rel="stylesheet" type="text/css" href="/irj/go/km/docs/Testing/MyNewsDemo/css_test.css">

</link>

I replaced the standard class name "body" with my class name "outerbody" specified in the css file.

<body class="outerbody">

Edited by: SRIVIDHYA RAGHUNATH on Feb 25, 2009 11:19 AM

Former Member
‎02-26-2009 12:37 AM
0 Kudos

So how you do this is:

1. On your form in the XMLBuilder add a new Label at the very top of your form.

2. Set the text for that new label to be the link to your stylesheet e.g. 

<LINK href="https://answers.sap.com/irj/portalapps/com.sap.portal.design.urdesigndata/themes/portal/sap_standard/ur/ur_ie6.css" 
type=text/css rel=stylesheet>

It has been a while since I have needed to do this, but it is better then setting it directly into the XSL manually like I think you have done.

BRgds,

Simon

Ask a Question