SAP ITS Mobile Application on Wavelink Browser

[ashwin_bhat]

Hello everyone,

We have developed a custom ITS mobile application for Warehouse management (LM*) transactions.

We have customized our service to display correctly on Internet explorer by:

1. Adding a Viewport META Tag.

<meta name="viewport" content="width=375, initial-scale=1">

2. Parameters ~ITSMOBILEELEMFACTOR = ‘15’ and ~ITSMOBILEELEMUNITS

= ‘px’ used in SICF service to change the width of screen elements

3. Used a custom CUAAREA include to remove unwanted icons from CUA Area.

However, when we installed Wavelink browser, the screens do not fit. Please see attached images.

Questions:

1. Is there browser detection capability in SAP ITS Mobile applications? I read on a blog from 2008 that it is not. Hoping that it's possible in 2015 .

2. Can we customize the application to display correctly on both browsers at the same time? We have used  ~ITSMOBILEELEMFACTOR and ~ITSMOBILEELEMUNITS parameters to set the screen element sizes for IE. Can we set them differently for IE and Wavelink on the same ICF service?

3. We assumed that Industrial browsers such as Wavelink should automatically display the SAP RF applications without needing customization for fitting the screens. Has anyone got experience with Wavelink browsers for ITS Mobile?

4. We used Style MOBILE4 for our HTML templates. Does Wavelink work best with some other style?

Thanks and Best Regards,

Ashwin

[former_member194364 · Accepted solution]

Hi Ashwin,

for Q 1 and 2 the answer is NO. You would need to create two separate services. One for Wavelink access and the other for IE.

Do you know the Device OS and Version that is to be used?

What 'GUI Configuration''parameters do you use for the "no customisation" service?

For this service you do not have the line

<meta name="viewport" content="width=375, initial-scale=1">

in the HTML templates? Correct?

You are just using the HTML templates created by Style MOBILE4 for the Screen Dynpro's for the

LM* transactions with any modifications?

ITSMobile Visual Editor might help in adjusting the screens.

See the WIKI: ITSmobile Visual Editor - Wiki - SCN Wiki

Regards,

Oisin

[ashwin_bhat · Accepted solution]

Hello Oisin,

Thanks for your very helpful reply. I really appreciate it.

1. The device we are using is Motorola MC9190-G. Unfortunately I do not have it with me right now. From the tech spec sheet, I believe the OS is either Microsoft Windows CE 6.0 or Microsoft Windows Mobile 6.5 Classic. I'll get the exact details of the OS from my colleague and post it later.

2. For the no customization service, the parameters are

~THEME 99

~TRANSACTION LM01

~ITSMOBILECSSINCLUDE mobile

~ITSMOBILEMSGSOUND 1

~ITSMOBILE 1

~POPUPS 1

3. Correct, for the no customization service, I do not have the viewport META tag.

4. Thanks for the information on the ITSMobile Visual Editor. Unfortunately I am on SAP_BASIS 731 SAPKB73103 and ITSMobile Visual Editor is not available in my SAP system.

Thanks and Best Regards,

Ashwin

[former_member194364 · Accepted solution]

Hello Ashwin,

You may also want to try using template generation style MOBILE?

The layout of the screen should be more similar to that in SAPGUI using this STYLE

See the WIKI:

Getting to know ITSmobile by Checking out the Internet Services - Wiki - SCN Wiki

Regards,

Oisin

[Former Member · Accepted solution]

Hi Ashwin,

Even I faced similar issue, So I corrected the value of ~ITSMOBILEELEMFACTOR and ~ITSMOBILEELEMUNITS parameters in GUI Configuration to a certain value so that the display is alright for different browsers. This OSS note might be useful for you 1316326 - ITSmobile: HTML element size is independent of font size

Again, If you are using ~ITSMOBILEELEMFACTOR and ~ITSMOBILEELEMUNITS parameters then you might have to remove the ~POPUPS service parameter from the GUI Configurations.

Cheers,

Avinash

Message was edited by: Oisin ONidh Add note link

[ashwin_bhat]

Thanks Oisin, Antony and Utkarsha!

I will try out your receommendations.

My queries have been answered and I am closing this thread now.

Have a great week ahead!

Cheers.

Ashwin

[Former Member]

Hi Ashwin,

We are using the Wavelink browser as well with the 'Mobile Devices (No HTML Tables)' template generation style.

Nonetheless, even if we use a different browser, the button alignment mostly remains intact even if we manually modify the HTML templates after their generation by using the <table> and <td> tags.

By deciphering the various elements on the screen within the generated template, we first put the whole screen (starting after the CUAAREA) into a <table> tag (outer table) and then create another inner table with another <table> tag within the outer table as a single row cell or column (depending on your design). To merge cells, you can use colspan (for td tag) and rowspan (for td tag) attributes so that you can put the inner table appropriately. You can also define a class for each of the 2 tables to define fonts, coloring, styling, etc. I have explained more in this thread:  .

The above method has always ensured good user experience with proper alignment irrespective of the browser for us.

Let me know.

Regards,

Utkarsha