Impact of change of Standard ITSMOBILE service

[Former Member]

Hi All,

Accidentally I have changed the standard ITSMOBILE service provided by SAP.

mobile.css file has been changed and saved in a CTS. After studying ITS documentaton came to know that

it strictly recommended no to change this Service.

What is the impact of this change ? and How to revert the change ?

Best Regards,

k.g.

[former_member194364 · Accepted solution]

Hi Kg,

For a CSS file - the color and font's of the ITSMobile services that use the standard ITSMOBILE service will be affected.

Has the change to the file been made on your DEV/QA and Production Servers?

Regards,

Oisin

[Former Member · Accepted solution]

Hi Oisin,

Thanks for your reply.

The change is only in DEV server.

Actually I want to use the Custom CSS file which I created in the My Custom Service.

But my change in Custom CSS file is not getting reflected in the HTML pages. So I tried to change in the standard MOBILE.CSS file.

Even that is not being reflected.

So Currently I am going to each HTML template page and changing each element separately by giving the CSS properties.

Can you please tell me where I am goind wrong.

Best Regards,

Koushik.

[former_member194364 · Accepted solution]

Hi Koushik,

This is possible (and recommended) to create a Custom CSS file.

Where is the file being created? in SE80? under what path for your ITSMobile Service?

Did you use the parameter: ~ITSMOBILECSSINCLUDE (and the ~sources parameter)

See the WIKI: Service Parameter and Settings

Regards,

Oisin

[Former Member · Accepted solution]

Hi Oisin,

I have created the the CSS file(name is MOBILE.CSS ) under the MIME objects of my Custom Service using SE80. I am using Custom Name space for this ITS Service.

Yes I have used the ~ITSMOBILECSSINCLUDE parameter in the Serive GUI setrings and given the name of the CSS file without .css extention(i.e. MOBILE).

Now what is happening, I am giving the css properties in MOBILE.CSS file itself.

Say for example , my generated HTML template has a css class as below for a HTML element.

class="MobileEditDisabled". 

and I have given a css property to this class in the MOBILE.CSS file.

But unfortunately this is not reflecting in the browser.

I am clueless.

Best Regards,

Koushik.

[former_member194364 · Accepted solution]

Hi Koushik,

Would recommend to change the name to MOBILE_<my_service_name>.CSS so that when you look at the view source of the screen in a browser - can see if your custom CSS file is being referenced.

Is the paramter ~sources set to

~sources <my_service_name>, itsmobile

When you say:

"

I am using Custom Name space for this ITS Service.

"

what do you mean exactly by this statement? what is the path of the service in SICF?

Regards,

Oisin

[Former Member · Accepted solution]

Hi Oisin,

Thanks for your useful reply.

The recommendations of changing the CSS file name will be done.

Also in the Service parameter we have put the ITSMOBILE firts then Our custom service.

will be changing it.

In the meantime to clear that statement .. we have created the Service not in the SAP path instead we created our own customer name space . i.e  in the SICF we have path like .. default_host/sap/bc/gui...custom_service.

Here we have created the service in default_host/Custom_service_name.  Not in the SAP folder. hope it clears.

Regards,

koushik.

[former_member194364 · Accepted solution]

Hi Koushik,

Let us know the results of changing the CSS file name.

A HTTP sniffer tool - like HTTPWatch might be useful for troubleshooting. Should tell what files are being downloaded to the Browser and used by the ITSMobile Service. (This testing is from a desktop browser - not the browser of the Mobile Device itself)

Regards,

Oisin

[Former Member · Accepted solution]

Hi Oisin,

Thanks for your reply.  I have changed the CSS file name.

But the from the CSS trace I can see the style is taking from Standard Service ITSMOBILE.

Can you please tell us where we are going wrong.

Best Regards,

Koushik.

[former_member194364 · Accepted solution]

Hi Koushik,

What BASIS and Kernel patch are you using here?

Regards,

Oisin

[Former Member · Accepted solution]

Hi Oisin,

We are doing in our EWM box.

component   release  sp-level 

SAP_BASIS   731        0007

Support pakcage

SAPKB73107

Below is the SCM Basis release details.

SCM_BASIS 702 0007 SAPK-70207INSCMBASIS SCM Basis 7.02

Best Regards,

Koushik.

[Former Member · Accepted solution]

Hi Oisin,

Do we need to add some code in the HTML template itself so that the CSS Class reference is taken from our custom CSS file.

Best Regards,

Koushik.

[former_member194364 · Accepted solution]

Hi Koushik,

Should not have to specify the new CSS file in the HTML template itself.

See note

1031074 ITSmobile 1.1: Supplements and improvements

"

9) Javascript(mobile.js), CSS-Stylesheet(mobile.css), and

cuaarea(cuaarea.html) can be overwritten using new ITSmobile parameters.

The same way as for ~itsmobileDeviceInclude, you can now use:

~itsmobileCssInclude, ~itsmobileJsInclude, ~itsmobileCuaIncludeto

overwrite the ITSmobile default settings.

"

and the ITSMobile WIKI:

http://wiki.scn.sap.com/wiki/display/HOME/Features+and+Improvements

"

Include functionality

Until now it was necessary to change the generator or the corresponding template in order to include a own or modified include file for javascript or css stylesheets. The latest update provides service parameter to identify the own include files. It is not necessary to change the generator/templates anymore which makes it easier to include modifications.

Include service parameter for mobile devices:

~itsmobileCssInclude to replace CSS stylesheets

"

Regards,

Oisin

[Former Member · Accepted solution]

Hi Oisin,

I am still unable to use my custom CSS file. I went through a lot of docs still I could not make it working. Although I came to know lot of things about ITS mobile during this time. Thanks for all your inputs.

Best Regards,

Koushik.

[Former Member · Accepted solution]

Hi Oisin,

One more info I would like to share with you that I was trying to apply the CSS technique for subscreens . Although I am not able to apply that even in main screen.

Best Regards,

Koushik.

[former_member194364 · Accepted solution]

Hi Koushik,

What 702 Kernel patch are you using?

Regards,

Oisin

[Former Member · Accepted solution]

Hi Oisin,

  My system's Kernal Information is like below: 

  Kernel Release is 721.

  Sup. Pkg. lvl   :     44

  One  more info.  If I see the HTML version of Pages in HTML debugger(I am using Microsoft IE) the Reference to the CSS file Correctly refering to my custom

CSS file.  But it is not working as expected that is any change in the Custom CSS file

is not reflecting .

Best Regards,

Koushik.

[former_member194364 · Accepted solution]

Hi Koushik,

Can you paste the reference to the CSS file (delete the host and port name) from the HTML Debugger code?

Also can you show the change in the Custom CSS file from the original CSS file?

Regards,

Oisin

[Former Member · Accepted solution]

Hi Oisin,

Here it is.

This is inside  the <head> tag.

<link href="https://answers.sap.com/sap/public/bc/its/mimes//CUSTOMSERVICE/99/MOBILE.css" rel="stylesheet" type="text/css"/>

A sample CSS property as below:  This CSS file is copied from Standard CSS file. I have added the color property there.

/* --- LABEL FIELD -----------------*/

.MobileLabel {

   width:100%;

white-space:nowrap;

color: blue;

}

Also I have Added a screeshot of the CSS Style of Debug mode.

there You can see that .MobileLavel class is not taking the ablove property.

Best Regards,

Koushik.

[former_member194364 · Accepted solution]

The href does not look correct:

<link href="https://answers.sap.com/sap/public/bc/its/mimes//CUSTOMSERVICE/99/MOBILE.css

                                                         ^

There is an additional 'forward slash'

That may explain why the standard 'MOBILE.css' is being used.

[Former Member · Accepted solution]

Hi Oisin,

   actually that double slash is due to our customer name space.

   Please see the below screenshots for the same.

       Also when we are moving our service to our regression boxes there is another issue.

       This time surprisingly no CSS(neither starndard nor custom) is being used only

        inline CSS properties being used as highlighted below.

  Best Regards,

k.g

[Former Member · Accepted solution]

Hi Oisin,

  The above issue is sovled now. We had to activate few standard services.

   Though our original problem(Making the Custom CSS work properly) still not working

  Now a new problem arises. For that I have opened a new discussion.

   http://scn.sap.com/thread/3440530

Regards,

K.G.