Question Re: CSS in HTML Template .... in Technology Q&A

CSS in HTML Template ....

aayushaggarwal — Tue, 01 Apr 2014 04:35:31 GMT

Hi experts,

Can you please tell me how to embed CSS file in the HTML Template ??

Below is my Template Code:

`SAP_TopInclude()`

<html>

<head>

`SAP_PageTitle()`

`SAP_Stylesheet()`

`SAP_JavaScript()`

</head>

`SAP_TemplateHeader()`

`SAP_BodyContentBegin()`

`SAP_FormBegin()`

`SAP_DynproLayerBegin(004,003,002,001)`

`SAP_Label("L1")`

`SAP_DynproLayerEnd()`

`SAP_DynproLayerBegin(015,003,009,001)`

`SAP_Label("L2")`

`SAP_DynproLayerEnd()`

`SAP_DynproLayerBegin(026,003,009,001)`

`SAP_Label("L3")`

`SAP_DynproLayerEnd()`

`SAP_DynproLayerBegin(037,003,008,001)`

`SAP_Label("L4")`

`SAP_DynproLayerEnd()`

`SAP_DynproLayerBegin(002,004,045,005)`

`SAP_TableControl("%#C_101")`

`SAP_DynproLayerEnd()`

`SAP_DynproLayerBegin(002,004,001,001)`

`SAP_InputField("WA_MSEG-RB1")`

`SAP_DynproLayerEnd()`

`SAP_DynproLayerBegin(002,009,009,001)`

`SAP_Button("B2")`

`SAP_DynproLayerEnd()`

`SAP_DynproLayerBegin(012,009,015,001)`

`SAP_Button("B1")`

`SAP_DynproLayerEnd()`

`SAP_DynproLayerBegin(044,009,001,001)`

`SAP_Button("B4")`

`SAP_DynproLayerEnd()`

`SAP_DynproLayerBegin(046,009,001,001)`

`SAP_Button("B3")`

`SAP_DynproLayerEnd()`

`SAP_FormEnd()`

`SAP_BodyContentEnd()`

</body>

</html>

Regards,

Aayush Aggarwal

Re: CSS in HTML Template ....

Former Member — Tue, 01 Apr 2014 09:27:10 GMT

Hi Ayush,

Please follow the below steps:

1. Add the css file as a MIME object.

2. Add the the following in the <head></head> tag:
<link rel="stylesheet" href="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="YourCSSFilename.css")`" type="text/css" />

Note: If you have created folders in the MIME Object folder, give the entire path starting from the foldername immediately below the MIME Object folder, until your CSS file. For example:

Then instead of just writing "YourCSSFilename.css", write "styles/all/abc.css".

Let me know.

Re: CSS in HTML Template ....

aayushaggarwal — Tue, 01 Apr 2014 10:07:47 GMT

Hi Utkarsha,

Your answer is helpful but I am still not able to embed CSS in the HTML Template in ITS. Can you please guide me some more.

Regards,

Aayush Aggarwal

Re: CSS in HTML Template ....

Former Member — Tue, 01 Apr 2014 12:51:02 GMT

What is the error that you are getting?

Re: CSS in HTML Template ....

aayushaggarwal — Wed, 02 Apr 2014 05:40:54 GMT

Hi Utkarsha,

I am not getting any error, the problem is that, HTML Template is not hitting the CSS file, means fonts, size,etc. is not getting updated.

Aayush

Re: CSS in HTML Template ....

Former Member — Fri, 04 Apr 2014 06:25:52 GMT

Hi Ayush,

Can you please tell me the folder structure you have used and the way you have written links to CSS files?

If the issue is resolved, please let me know what solution you found.

Thanks

Re: CSS in HTML Template ....

aayushaggarwal — Thu, 10 Apr 2014 04:41:02 GMT

Hi Utkarsha,

You can see the folder structure and the coding in the attachments. Please provide a solution(required badly).

Regards,

Aayush Aggarwal

Re: CSS in HTML Template ....

former_member194364 — Fri, 11 Apr 2014 09:59:15 GMT

Hi Aayush,

Is the following correct:

should it not be

so that the "STYLE.CSS" file of 'ZWM_ITS_TEST' is used rather than 'itsmobile'?

Regards,

Oisin

Re: CSS in HTML Template ....

Former Member — Mon, 12 May 2014 11:34:54 GMT

Hi Aayush,

In continuation to Oisin's reply, Or you may use:
~service=~current_service

Also, we generally check the original parameter given for the internet service first before adding the CSS link as:

` if ( ~itsmobileCssInclude != "" )

` <link rel="stylesheet" href="`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name="style.css")`" type="text/css" />

` else  `

` end;`

Let me know if this helps.

Thanks,

Utkarsha

Re: CSS in HTML Template ....

aayushaggarwal — Fri, 23 May 2014 09:11:38 GMT

Hi,

Sorry i 've not tried it, but the problem is resolved.

I had to create other template and use it as the css in the application.

Regards,

Aayush

Re: CSS in HTML Template ....

former_member194364 — Fri, 23 May 2014 10:50:28 GMT

Hi Aayush,

For other's who are viewing this thread. To confirm your solution can you paste the CSS reference that is now contained in the HTML template? Can you also confirm the ITSMOBILE generation style that was used?

Regards,

Oisin