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: 

CSS in HTML Template ....

Go to solution
aayushaggarwal
Participant

on ‎04-01-2014 5:35 AM

0 Kudos

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>

  <body `SAP_BodyAttributes()` onload="`SAP_OnloadJavaScript()`">

    `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

Show replies
Show replies
Answer

Accepted Solutions (1)

Accepted Solutions (1)

Former Member
‎04-01-2014 10:27 AM
0 Kudos

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.

Show replies
Show replies

Answers (2)

Answers (2)

aayushaggarwal
Participant
‎04-10-2014 5:41 AM
0 Kudos

Hi Utkarsha,

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

Regards,

Aayush Aggarwal

Show replies
Show replies
former_member194364
Active Contributor
‎04-11-2014 10:59 AM
0 Kudos

Hi Aayush,

Is the following correct:

<link rel="stylesheet" href="`mimeURL(~service="itsmobile",

should it not be

<link rel="stylesheet" href="`mimeURL(~service="ZWM_ITS_TEST",

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

Regards,

Oisin

Former Member
‎05-12-2014 12:34 PM
0 Kudos

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 != "" )

        <!-- customer include from gui settings -->

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

` else <!-- default include from itsmobile --> `

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

` end;`

Let me know if this helps.

Thanks,

Utkarsha

aayushaggarwal
Participant
‎05-23-2014 10:11 AM
0 Kudos

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

former_member194364
Active Contributor
‎05-23-2014 11:50 AM
0 Kudos

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

aayushaggarwal
Participant
‎04-01-2014 11:07 AM
0 Kudos

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

Show replies
Show replies
Former Member
‎04-01-2014 1:51 PM
0 Kudos

What is the error that you are getting?

aayushaggarwal
Participant
‎04-02-2014 6:40 AM
0 Kudos

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

Former Member
‎04-04-2014 7:25 AM
0 Kudos

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

Ask a Question