on 07-18-2013 11:33 AM
Hi,
I am new to ITS mobile. We have created HTML templates for one of our RF transaction. The screen resolution is very small. When opened in
the browser its fine but if we open the same in a mobile device we have th zoom in and out every time. Could you please
let me know what I need to fix this issue?
Nehru
Hi Nehru,
Please go through the below document. It may help you.
http://scn.sap.com/docs/DOC-32654
Regards,
Debopriya Ghosh
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Hi Nehru,
What generation style did you use to generate the templates?
What device and browser are you using?
What are the 'GUI Configuration' parameter settings of your ITSMobile service in SICF?
Have you a photo of the device screen?
Regards,
Oisin
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Hi Osini,
Device: Iphone, Browser: Safari
I have attached the screen shot of IE from window machine with my earlier post. The login screen shows compact there as well. On the mobile device its shows much more smaller. I have to zoom in to enter the values.
Generation Style: Mobile Devices (NO HTML Tables)
GUI Configuration Parameters:
~Theme: 99
~Transaction:LM00
~ITSMOBILE:1
~Sources: ZZ_SPX_WM_MENU,itsmobile
~ITSMOBILEELEMFACTOR:9
~ITSMOBILEELEMUNITS:px
I will try to get the screen shot of the screen on the iphone and will post here.
Let me know if you need any other details.
Your help is very much appreciated. Thank you.
Regards,
Nehru
Hi Nehru,
The first screenshot shows the correct size of the ITSMobile service logon screen when called from a desktop browser.
Issue is related to the device. Most ITSMobile services are used with Industrial devices - not touchscreen devices.
What BASIS and Kernel are you using?
What is your device iOS and Browser version?
Regards,
Oisin
Hi Nehru,
Check out PAM for the Device and Browser support.
The supported platforms and Web Browsers for the SAP Integrated
ITS 6.40 and higher are the same platforms supported by the SAP
Web Application Server. Have a look at
--> Quick Navigation to ...
SAP NETWEAVER 7.0, SAP EHP1 FOR SAP NETWEAVER 7.0 and SAP EHP2 FOR SAP
NETWEAVER 7.0
Regards,
Oisín
Hi Nehru,
This is an LXE device. What browser and OS is being used?
This screen, for the corresponding HTML template that was created for it using generation style: Mobile Devices (NO HTML Tables). When you view this screen/template in a desktop browser do you see the tag: MOBILE4 in the source code for this HTML template?
Can this source code be uploaded to this thread?
Regards,
Oisin
Browser: IE
OS: Windows CE PRO Plus 5.0
When you view this screen/template in a desktop browser do you see the tag: MOBILE4 in the source code for this HTML template? : NO
Screen shot of the screen and below is the source code:
<html class="MobileHtml">`
if ( ~itsmobileNameSpace != "")
~current_service = ~itsmobileNameSpace & ~service;
elseif ( strsub(~sources, 0, 1) == "/" )
~current_service = strsub(~sources, 0, strchr(~sources, "/", 1)+1) & ~service;
else
~current_service = ~service;
end;`
`<!-- Generated Template
NAME: ZMM_PO_GR_M
SCREEN: 9000
DATE: 20130717
TIME: 084428
STYLE: MOBILE
-->
if (~itsmobileFuncInclude != "")
declare w(i, a) in "some.html";
include(~service=~current_service, ~language="", ~theme=~theme, ~name=~itsmobileFuncInclude & ".html", ~style="x");
else
name = "functions";
include(~service="itsmobile", ~language="", ~theme="99", ~name=name & ".html", ~style="x");
end;`
<head>`
if ( ~itsmobileDeviceInclude != "" )
include(~service=~current_service, ~language="", ~theme=~theme, ~name=~itsmobileDeviceInclude & ".html");
end;`
<title>`~windowtitle`</title>
`if ( ( ~messageline != "" ) && ( ~itsmobilemsgsound == "1" ) || ( ~currdynpro.messagesound != "" ) )
if ( ~messagetype == "S" || ~currdynpro.messagesound == "S" )
<!-- sucess message -->
` <bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsoundmsg.wav")`" loop="1" />
` elseif ( ~messagetype == "I" || ~currdynpro.messagesound == "I" )
<!-- information message -->
` <bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsoundmsg.wav")`" loop="1" />
` elseif ( ~messagetype == "W" || ~currdynpro.messagesound == "W" )
<!-- warning message -->
` <bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsounderr.wav")`" loop="1" />
` elseif ( ~messagetype == "E" || ~currdynpro.messagesound == "E" )
<!-- error message -->
` <bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsounderr.wav")`" loop="3" />
` elseif ( ~currdynpro.messagesound != "" )
<!-- message type not set -->
` <bgsound src="`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name=~currdynpro.messagesound)`" loop="1" />
` else
<!-- message type not set -->
` <bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsoundmsg.wav")`" loop="1" />
` end;
end;
if (NOTIFY_BELL_SIGNAL > 0)
` <bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsounderr.wav")`" loop="`NOTIFY_BELL_SIGNAL`">
`end;`
` if ( ~itsmobileCssInclude != "" ) <!-- customer include from gui settings -->`
<link rel="stylesheet" href="`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name=~itsmobileCssInclude & ".css")`" type="text/css" />
` else <!-- default include from itsmobile --> `
<link rel="stylesheet" href="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="styles/all/mobile.css")`" type="text/css" />
` end;`
` if ( ~itsmobileJsInclude != "" ) <!-- customer include specified in gui settings -->`
<script type="text/javascript" language="javascript" src="`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name=~itsmobileJsInclude & ".js")`"></script>
` else <!-- default include from itsmobile --> `
<script type="text/javascript" language="javascript" src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="scripts/all/mobile.js")`"></script>
` end;
if ( ~itsmobileCustomJsInclude != "" )`
<script type="text/javascript" language="javascript" src="`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name=~itsmobileCustomJsInclude & ".js")`"></script>
` end;`
<script type="text/javascript" language="Javascript">
var itsmobile_eos = "`wgateurl(~okcode="/nex")`";
</script>
` <!-- rfid values --------------------------- -->
if ( ~RfidEnabledFields != "" ) `
<script type="text/javascript" language="javascript" src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="rfid/rfbutton.js")`"></script>
<script type="text/javascript" language="Javascript">
var rfid_fields = new Object;
` repeat with i from 1 to ~RfidEnabledFields.dim
<!-- get field name and index -->
rfidField = ~RfidEnabledFields[i];
rfidFieldIdx = ~RfidEnabledFields[i].idx;
rfidFieldParams = ~RfidEnabledFields[i].params; `
rfid_fields["`rfidField`[`rfidFieldIdx`]"] = { `rfidFieldParams` };
` end; `
</script>
` end; `
</head>
<body class="MobileBody" id="MobileBody" onload="setFocus('`~focusfield`');`~itsmobileOnloadHandler`" onkeydown="return processKeyEvent(event);" onhelp="return false;">
<form method="post" action="`WGateURL()`" id="mobileform" name="mobileform" onsubmit="return firstSend()" style="display:inline">
<input type="hidden" id="~OkCode" name="~OkCode" value="/0" />
<input type="hidden" id="~FKey" name="~FKey" value="" />
<input type="hidden" id="~Focusfield" name="~Focusfield" value="" />
`if (~SEC_SESSTOKEN != "")`<input type="hidden" name="~SEC_SESSTOKEN" value="`~SEC_SESSTOKEN`" />`end`
<!-- The complete screen -->
<table class="MobileScreen" cellpadding="0" cellspacing="0" border="0">
<!-- the cua area with title, message and logo -->
<tr>
<td width="100%">`
if ( ~itsmobileCuaInclude != "" ) <!-- customers cua area -->
include(~service=~current_service, ~language="", ~theme=~theme, ~name=~itsmobileCuaInclude & ".html");
elseif ( ~itsmobileNoCuaInclude != "1" && ~itsmobileNoCuaInclude != "X" ) <!-- default cua area -->
include(~service="itsmobile", ~language="", ~theme="99", ~name="include/cuaarea.html");
end;`
</td>
</tr>
<!-- the user area -->
<tr style="height:100%;">
<td>
<table class="MobileUserArea" cellpadding="0" cellspacing="0" border="0" style="width:108.0em">
<thead><tr style="height:-1px">`
repeat with i from 1 to 120
`<td style="width:`~itsmobile1UnitWidth`"/>`
end;
`</tr></thead>
<!-- line 1 -->
<tr class="MobileRow">
`if (19 != 0)
` <td colspan="19"> </td>`
end;`
<td colspan="10" rowspan="1">
`if ( ( 'RLMOB-PBACK'[1].exists == "X" ) && ( 'RLMOB-PBACK'[1].visible == "X" ) )
`<input type="button" `
if ( 'RLMOB-PBACK'[1].disabled == "X" )
`class="MobileButtonDisabled" disabled="disabled" `
else
`class="MobileButton" `
end
`id="`'RLMOB-PBACK'[1].name`" name="`'RLMOB-PBACK'[1].name`" `
`value="`strmask('RLMOB-PBACK'[1].label)`" `
if ( 'RLMOB-PBACK'[1].rfidenabled == "X" )
`onfocus="javascript:setFocusField('`'RLMOB-PBACK'[1].name`');" `
`onblur="javascript:leaveFocusField('`'RLMOB-PBACK'[1].name`');" `
`onclick="javascript:RfidButtonClick();" `
else
`onclick="javascript:setOkCode('`'RLMOB-PBACK'[1].okcode`');" `
end;
` />`
else
`<div style="width:9.0em"> </div>`
end;`
</td>
`if (0 != 0)
` <td colspan="0"> </td>`
end;`
<td colspan="10" rowspan="1">
`if ( ( 'RLMOB-PNEXT'[1].exists == "X" ) && ( 'RLMOB-PNEXT'[1].visible == "X" ) )
`<input type="button" `
if ( 'RLMOB-PNEXT'[1].disabled == "X" )
`class="MobileButtonDisabled" disabled="disabled" `
else
`class="MobileButton" `
end
`id="`'RLMOB-PNEXT'[1].name`" name="`'RLMOB-PNEXT'[1].name`" `
`value="`strmask('RLMOB-PNEXT'[1].label)`" `
if ( 'RLMOB-PNEXT'[1].rfidenabled == "X" )
`onfocus="javascript:setFocusField('`'RLMOB-PNEXT'[1].name`');" `
`onblur="javascript:leaveFocusField('`'RLMOB-PNEXT'[1].name`');" `
`onclick="javascript:RfidButtonClick();" `
else
`onclick="javascript:setOkCode('`'RLMOB-PNEXT'[1].okcode`');" `
end;
` />`
else
`<div style="width:9.0em"> </div>`
end;`
</td>
`if (81 != 0)
` <td colspan="81"> </td>`
end;`
</tr>
<!-- line 2 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 3 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 4 -->
<tr class="MobileRow">
<td colspan="16" rowspan="1">
`if ( ( 'EKKO-EBELN'[1].exists == "X" ) && ( 'EKKO-EBELN'[1].visible == "X" ) )
`<span `
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`class="MobileLabelHighlighted"`
else
`class="MobileLabel"`
end;
if ( 'EKKO-EBELN'[1].alignment == "right")
`style="text-align: right"`
end;
`>`strmask('EKKO-EBELN'[1].label)`</span>`
else
`<div style="width:14.4em"> </div>`
end;`
</td>
`if (0 != 0)
` <td colspan="0"> </td>`
end;`
<td colspan="11" rowspan="1">
`if ( 'EKKO-EBELN'[1].exists == "X" )
if ( 'EKKO-EBELN'[1].disabled == "X" )
if ( 'EKKO-EBELN'[1].visible != "X" )
`<input type="hidden" class="MobileEditDisabled" disabled="disabled"`
useSpan = "false";
elseif ( 'EKKO-EBELN'[1].type == "Password" )
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`<input type="password" class="MobilePasswordHighlightedDisabled" disabled="disabled" `
else
`<input type="password" class="MobilePasswordDisabled" disabled="disabled"`
end;
useSpan = "false";
elseif ( 'EKKO-EBELN'[1].inputrequired == "X" )
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`<div class="MobileEditRequiredHighlightedDisabled">`
`<input type="hidden" disabled="disabled"`
else
`<div class="MobileEditRequiredDisabled">`
`<input type="hidden" disabled="disabled"`
end;
useSpan = "true";
else;
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`<div class="MobileEditHighlightedDisabled">`
`<input type="hidden" disabled="disabled"`
else
`<div class="MobileEditDisabled">`
`<input type="hidden" disabled="disabled"`
end;
useSpan = "true";
end;
` id="`'EKKO-EBELN'[1].name`" name="`'EKKO-EBELN'[1].name`" `
if ( ( 'EKKO-EBELN'[1].inputrequired == "X" ) &&
( 'EKKO-EBELN'[1] == "?" ) )
`value="" `
else;
`value="`strmaskext('EKKO-EBELN'[1], 1)`" `
end;
`size="`'EKKO-EBELN'[1].width`" `
`maxlength="`'EKKO-EBELN'[1].maxinputsize`"`
` />`
if ( useSpan == "true" )
if ( ( 'EKKO-EBELN'[1].inputrequired == "X" ) &&
( 'EKKO-EBELN'[1] == "?" ) )
` `
elseif ( 'EKKO-EBELN'[1] == "" )
` `
else
strmaskext('EKKO-EBELN'[1], 1);
end;
`</div>`
end;
<!-- not disabled -->
else;
if ( 'EKKO-EBELN'[1].visible != "X" )
`<input type="hidden" class="MobileEdit" `
elseif ( 'EKKO-EBELN'[1].type == "Password" )
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`<input type="password" class="MobilePasswordHighlighted" `
else
`<input type="password" class="MobilePassword" `
end;
elseif ( 'EKKO-EBELN'[1].inputrequired == "X" )
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`<input type="text" class="MobileEditRequiredHighlighted" `
else
`<input type="text" class="MobileEditRequired" `
end;
else
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`<input type="text" class="MobileEditHighlighted" `
else
`<input type="text" class="MobileEdit" `
end;
end;
if ( 'EKKO-EBELN'[1].okcode != "" )
`onchange="javascript:setOkCode('`'EKKO-EBELN'[1].okcode`');return false;" `
end;
`onfocus="javascript:setFocusField('`'EKKO-EBELN'[1].name`');" `
`onblur="javascript:leaveFocusField('`'EKKO-EBELN'[1].name`');" `
`id="`'EKKO-EBELN'[1].name`" name="`'EKKO-EBELN'[1].name`" `
if ( ( 'EKKO-EBELN'[1].inputrequired == "X" ) && ( 'EKKO-EBELN'[1] == "?" ) )
`value="" `
else
`value="`strmaskext('EKKO-EBELN'[1], 1)`" `
end;
if ( 'EKKO-EBELN'[1].alignment == "right")
`style="text-align: right"`
end;
`size="`'EKKO-EBELN'[1].width`" `
`maxlength="`'EKKO-EBELN'[1].maxinputsize`"`
` /> `
end;
else
<!-- not existing -->
`<div style="width:9.9em"> </div>`
end;`
</td>
`if (93 != 0)
` <td colspan="93"> </td>`
end;`
</tr>
<!-- line 5 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 6 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 7 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 8 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 9 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 10 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 11 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 12 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 13 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 14 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 15 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 16 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 17 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 18 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 19 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 20 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 21 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 22 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 23 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 24 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 25 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 26 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
<!-- line 27 -->
<tr class="MobileRow">
`if (120 != 0)
` <td colspan="120"> </td>`
end;`
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
Hi Nehru,
The service was then generated using style "Mobile Devices (Preserving Layout)" Comment in Template: STYLE: MOBILE
i.e
`<!-- Generated Template
NAME: ZMM_PO_GR_M
SCREEN: 9000
DATE: 20130717
TIME: 084428
STYLE: MOBILE
-->
Was stated earlier that you used "Generation Style: Mobile Devices (NO HTML Tables)".
See the WIKIl
Services for Generating Templates
Layout)" Comment in Template: STYLE: MOBILE
I would publish ITSGENMOBILE4 in SE80 and then regenerate the templates for the screens for the service using generating style: "Mobile Devices (Without HTML Tables)"
Perhaps call the service a different name for testing purposes - so can compare screen results between the different generation styles.
Regards,
Oisin
Message was edited by: Oisin ONidh
Hi Oisin,
The above code was some thing that I generated for testing purpose.. now have changed that to mobile but still no change. The screen is still not appearing properly in LXE device.
Please suggest next steps.
Regards,
Nehru
`if (~currdynpro.speechenabled != "")
`
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
`end;`
<html
`if (~currdynpro.speechenabled != "")
`
xmlns="http://www.w3.org/1999/xhtml"
xmlns:vxml="http://www.w3.org/2001/vxml"
xmlns:ev="http://www.w3.org/2001/xml-events"
xmlns:xv="http://www.voicexml.org/2002/xhtml+voice"
`
end;`
class="MobileHtml">`
if ( ~itsmobileNameSpace != "" )
~current_service = ~itsmobileNameSpace & ~service;
elseif ( strsub(~sources, 0, 1) == "/" )
~current_service = strsub(~sources, 0, strchr(~sources, "/", 1)+1) & ~service;
else
~current_service = ~service;
end;`
`
<!-- Generated Template
NAME: ZMM_PO_GR_M
SCREEN: 9000
DATE: 20130805
TIME: 023118
STYLE: MOBILE4
-->
if (~itsmobileFuncInclude != "")
declare class(el), w(i, a) in "some.html";
include(~service=~current_service, ~language="", ~theme=~theme, ~name=~itsmobileFuncInclude & ".html", ~style="x");
else
name = "functions";
include(~service="itsmobile", ~language="", ~theme="99", ~name=name & ".html", ~style="x");
end;
`
<head>`
if ( ~itsmobileDeviceInclude != "" )
include(~service=~current_service, ~language="", ~theme=~theme, ~name=~itsmobileDeviceInclude & ".html");
end;
`
<title>`~windowtitle`</title>
`if ( ( ~messageline != "" ) && ( ~itsmobilemsgsound == "1" ) || ( ~currdynpro.messagesound != "" ) )
if ( ~messagetype == "S" || ~currdynpro.messagesound == "S" )
<!-- sucess message -->
`
<bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsoundmsg.wav")`" loop="1" />
` elseif ( ~messagetype == "I" || ~currdynpro.messagesound == "I" )
<!-- information message -->
`
<bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsoundmsg.wav")`" loop="1" />
` elseif ( ~messagetype == "W" || ~currdynpro.messagesound == "W" )
<!-- warning message -->
`
<bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsounderr.wav")`" loop="1" />
` elseif ( ~messagetype == "E" || ~currdynpro.messagesound == "E" )
<!-- error message -->
`
<bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsounderr.wav")`" loop="3" />
` elseif ( ~currdynpro.messagesound != "" )
<!-- message type not set -->
`
<bgsound src="`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name=~currdynpro.messagesound)`" loop="1" />
` else
<!-- message type not set -->
`
<bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsoundmsg.wav")`" loop="1" />
` end;
end;
if (NOTIFY_BELL_SIGNAL > 0)
`
<bgsound src="`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="sounds/all/sapsounderr.wav")`" loop="`NOTIFY_BELL_SIGNAL`">
`end;`
`
if ( ~itsmobileCssInclude != "" ) <!-- customer include from gui settings -->`
<link rel="stylesheet" href="
`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name=~itsmobileCssInclude & ".css")`" type="text/css" />
` else <!-- default include from itsmobile --> `
<link rel="stylesheet" href="
`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="styles/all/mobile.css")`" type="text/css" />
` end;
if ( ~itsmobileJsInclude != "" ) <!-- customer include specified in gui settings -->`
<script type="text/javascript" language="javascript" src="
`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name=~itsmobileJsInclude & ".js")`"></script>
` else <!-- default include from itsmobile -->`
<script type="text/javascript" language="javascript" src="
`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="scripts/all/mobile.js")`"></script>
` end;
if ( ~itsmobileCustomJsInclude != "" )`
<script type="text/javascript" language="javascript" src="
`mimeURL(~service=~current_service, ~theme=~theme, ~language="", ~name=~itsmobileCustomJsInclude & ".js")`"></script>
` end;`
<script type="text/javascript" language="Javascript">
var itsmobile_eos = "
`wgateurl(~okcode="/nex")`";
</script>
` <!-- rfid values --------------------------- -->
if ( ~RfidEnabledFields != "" ) `
<script type="text/javascript" language="javascript" src="
`mimeURL(~service="itsmobile", ~theme=99, ~language="", ~name="rfid/rfbutton.js")`"></script>
<script type="text/javascript" language="Javascript">
var rfid_fields = new Object;
` repeat with i from 1 to ~RfidEnabledFields.dim
<!-- get field name and index -->
rfidField = ~RfidEnabledFields[i];
rfidFieldIdx = ~RfidEnabledFields[i].idx;
rfidFieldParams = ~RfidEnabledFields[i].params; `
rfid_fields["
`rfidField`[`rfidFieldIdx`]"] = { `rfidFieldParams` };
` end;`
</script>
` end;`
` <!-- Check if screen supports voice integration -->
if ( ~currdynpro.speechenabled != "" )
<!-- include the htmlb functions for voice integration -->
if ( ~itsmobileVoiceInclude != "" ) <!-- customers voice generation html -->
include(~service=~current_service, ~language="", ~theme=~theme, ~name=~itsmobileVoiceInclude & ".html");
else <!-- default its default voice include -->
include(~service="itsmobile", ~language="", ~theme="99", ~name="include/voice.html");
end;
end;`
`
`
</head>`
`
<body class="MobileBody" id="MobileBody"`
if (~currdynpro.speechenabled != "")`
ev:event="load" ev:handler="#sayOnPageLoad"` else
`
onload="setFocus('`~focusfield`');`~itsmobileOnloadHandler`"` end;
`
onkeydown="return processKeyEvent(event);" onhelp="return false;">
`
`
<form method="post" action="`WGateURL()`" id="mobileform" name="mobileform" onsubmit="return firstSend()" style="display:inline">
<input type="hidden" id="~OkCode" name="~OkCode" value="/0" />
<input type="hidden" id="~FKey" name="~FKey" value="" />
<input type="hidden" id="~Focusfield" name="~Focusfield" value="" />
`if (~SEC_SESSTOKEN != "")`<input type="hidden" name="~SEC_SESSTOKEN" value="`~SEC_SESSTOKEN`" />`end`
`
`
<!-- main screen begin -->
<div width="100%">
`
if ( ~itsmobileCuaInclude != "" ) <!-- customers cua area -->
include(~service=~current_service, ~language="", ~theme=~theme, ~name=~itsmobileCuaInclude & ".html");
elseif ( ~itsmobileNoCuaInclude != "1" && ~itsmobileNoCuaInclude != "X" ) <!-- default cua area -->
include(~service="itsmobile", ~language="", ~theme="99", ~name="include/cuaarea.html");
end;`
</div>
<div width="100%" class="MobileUserArea">
`
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
( 'RLMOB-PBACK'[1].exists == "X" && 'RLMOB-PBACK'[1].visible == "X" ) ||
( 'RLMOB-PNEXT'[1].exists == "X" && 'RLMOB-PNEXT'[1].visible == "X" ) ||
0 )
`
<!-- line 1 -->
<div class="MobileRow">
`
if ( 19 != 0 )
`
<span style="height:1px; margin-left:`w("19", "15.580em")`"></span>`
end;
if ( ( 'RLMOB-PBACK'[1].exists == "X" ) &&
( 'RLMOB-PBACK'[1].visible == "X" ) )
`
<input type="button" style="width:`w("10", "8.200em")`" `
if ( 'RLMOB-PBACK'[1].disabled == "X" )
`
class="MobileButtonDisabled" disabled="disabled" `
else
`
class="MobileButton" `
end;
`
name="`'RLMOB-PBACK'[1].name`" `
if ( ~currdynpro.speechenabled != "" )`
id="`'RLMOB-PBACK'[1].name`" `end;
`
value="`strmask('RLMOB-PBACK'[1].label)`" `
if ( 'RLMOB-PBACK'[1].rfidenabled == "X" )
`
onfocus="setFocusField('`'RLMOB-PBACK'[1].name`');"
onblur="leaveFocusField('
`'RLMOB-PBACK'[1].name`');"
onclick="RfidButtonClick();"
`
else
`
onclick="setOkCode('`'RLMOB-PBACK'[1].okcode`');" `
end;
`
/>`
else
`
<span style="height:1px; margin-left:`w("10", "8.200em")`"></span>`
end;
if ( 0 != 0 )
`
<span style="height:1px; margin-left:`w("0", "0.000em")`"></span>`
end;
if ( ( 'RLMOB-PNEXT'[1].exists == "X" ) &&
( 'RLMOB-PNEXT'[1].visible == "X" ) )
`
<input type="button" style="width:`w("10", "8.200em")`" `
if ( 'RLMOB-PNEXT'[1].disabled == "X" )
`
class="MobileButtonDisabled" disabled="disabled" `
else
`
class="MobileButton" `
end;
`
name="`'RLMOB-PNEXT'[1].name`" `
if ( ~currdynpro.speechenabled != "" )`
id="`'RLMOB-PNEXT'[1].name`" `end;
`
value="`strmask('RLMOB-PNEXT'[1].label)`" `
if ( 'RLMOB-PNEXT'[1].rfidenabled == "X" )
`
onfocus="setFocusField('`'RLMOB-PNEXT'[1].name`');"
onblur="leaveFocusField('
`'RLMOB-PNEXT'[1].name`');"
onclick="RfidButtonClick();"
`
else
`
onclick="setOkCode('`'RLMOB-PNEXT'[1].okcode`');" `
end;
`
/>`
else
`
<span style="height:1px; margin-left:`w("10", "8.200em")`"></span>`
end;
if ( 81 != 0 )
`
<span style="height:1px; margin-left:`w("81", "66.420em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 2 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 3 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
( 'EKKO-EBELN'[1].exists == "X" && 'EKKO-EBELN'[1].visible == "X" ) ||
( 'EKKO-EBELN'[1].exists == "X" && 'EKKO-EBELN'[1].visible == "X" ) ||
0 )
`
<!-- line 4 -->
<div class="MobileRow">
`
if ( ( 'EKKO-EBELN'[1].exists == "X" ) && ( 'EKKO-EBELN'[1].visible == "X" ) )
`
<span style="width:`w("16", "13.120em")``if ( 'EKKO-EBELN'[1].alignment == "right" )`; text-align: right`end;`" `
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`
class="MobileLabelHighlighted" `
else
`
class="MobileLabel" `
end
`
>`strmask('EKKO-EBELN'[1].label)`</span>`
else
`
<span style="height:1px; margin-left:`w("16", "13.120em")`"></span>`
end;
if ( 0 != 0 )
`
<span style="height:1px; margin-left:`w("0", "0.000em")`"></span>`
end;
if ( 'EKKO-EBELN'[1].exists == "X" )
if ( 'EKKO-EBELN'[1].mode == "multiline" )
`
<textarea `
`
class="MobileEditMultiline`class('EKKO-EBELN'[1])`" `
if ( 'EKKO-EBELN'[1].disabled == "X" ) `
disabled="disabled" `end;
if ( 'EKKO-EBELN'[1].readonly == "X" ) `
readonly="readonly" `end;
if ( 'EKKO-EBELN'[1].okcode != "" )
`
onchange="setOkCode('`'EKKO-EBELN'[1].okcode`');return false;" `
end;
`
style="width:`w("11", "9.020em")`" rows="`'EKKO-EBELN'[1].height`" `
`
onfocus="setFocusField('`'EKKO-EBELN'[1].name`');" `
`
onblur="leaveFocusField('`'EKKO-EBELN'[1].name`');" `
`
name="`'EKKO-EBELN'[1].name`">`'EKKO-EBELN'[1]`</textarea>`
else
if ( 'EKKO-EBELN'[1].disabled == "X" )
if ( 'EKKO-EBELN'[1].visible != "X" )
`
<input type="hidden" `
elseif ( 'EKKO-EBELN'[1].type == "Password" )
`
<input type="password" readonly="readonly" tabindex="-1" style="width:`w("11", "9.020em")`" `
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`
class="MobilePasswordHighlightedDisabled" `
else;
`
class="MobilePasswordDisabled" `
end;
elseif ( 'EKKO-EBELN'[1].inputrequired == "X" )
`
<input type="text" readonly="readonly" tabindex="-1" style="width:`w("11", "9.020em")`" `
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`
class="MobileEditRequiredHighlightedDisabled" `
else;
`
class="MobileEditRequiredDisabled" `
end;
else
`
<input type="text" readonly="readonly" tabindex="-1" style="width:`w("11", "9.020em")`" `
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`
class="MobileEditHighlightedDisabled" `
else;
`
class="MobileEditDisabled" `
end;
end;
`
name="`'EKKO-EBELN'[1].name`" `
if ( ( 'EKKO-EBELN'[1].inputrequired == "X" ) && ( 'EKKO-EBELN'[1] == "?" ) )
`
value="" `
else
`
value="`strmaskext('EKKO-EBELN'[1], 1)`" `
end;
`
size="`'EKKO-EBELN'[1].width`" maxlength="`'EKKO-EBELN'[1].maxinputsize`"/>`
else <!-- not disabled -->
if ( 'EKKO-EBELN'[1].visible != "X" )
`
<input type="hidden" `
elseif ( 'EKKO-EBELN'[1].type == "Password" )
`
<input type="password" style="width:`w("11", "9.020em")`" `
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`
class="MobilePasswordHighlighted" `
else
`
class="MobilePassword" `
end;
elseif ( 'EKKO-EBELN'[1].inputrequired == "X" )
`
<input type="text" style="width:`w("11", "9.020em")``if ( 'EKKO-EBELN'[1].alignment == "right" )`; text-align: right`end;`" `
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`
class="MobileEditRequiredHighlighted" `
else
`
class="MobileEditRequired" `
end;
else
`
<input type="text" style="width:`w("11", "9.020em")``if ( 'EKKO-EBELN'[1].alignment == "right" )`; text-align: right`end;`" `
if ( 'EKKO-EBELN'[1].highlighted == "X" )
`
class="MobileEditHighlighted" `
else
`
class="MobileEdit" `
end;
end;
if ( 'EKKO-EBELN'[1].okcode != "" )
`
onchange="setOkCode('`'EKKO-EBELN'[1].okcode`');return false;" `
end;
`
onfocus="setFocusField('`'EKKO-EBELN'[1].name`');" `
`
onblur="leaveFocusField('`'EKKO-EBELN'[1].name`');" `
`
name="`'EKKO-EBELN'[1].name`" `
if ( ~currdynpro.speechenabled != "" )`
id="`'EKKO-EBELN'[1].name`" `end;
if ( ( 'EKKO-EBELN'[1].inputrequired == "X" ) && ( 'EKKO-EBELN'[1] == "?" ) )
`
value="" `
else
`
value="`strmaskext('EKKO-EBELN'[1], 1)`" `
end;
`
size="`'EKKO-EBELN'[1].width`" maxlength="`'EKKO-EBELN'[1].maxinputsize`"/>`
end;
end;
else
`
<span style="height:1px; margin-left:`w("11", "9.020em")`"></span>`
end;
if ( 93 != 0 )
`
<span style="height:1px; margin-left:`w("93", "76.260em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 5 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 6 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 7 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 8 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 9 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 10 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 11 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 12 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 13 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 14 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 15 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 16 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 17 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 18 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 19 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 20 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 21 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 22 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 23 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 24 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 25 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 26 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
if ( ( ~DYNPRO_COMPRESSION != "1" && ~DYNPRO_COMPRESSION != "X" ) ||
1 )
`
<!-- line 27 -->
<div class="MobileRow">
`
if ( 120 != 0 )
`
<span style="height:1px; margin-left:`w("120", "98.400em")`"></span>`
end;
<!-- content row end -->`
</div>
`end;
`
</div>
<!-- main screen end -->
`
`
</form>`
`
</body>`
`
</html>
User | Count |
---|---|
84 | |
24 | |
11 | |
9 | |
7 | |
6 | |
5 | |
5 | |
5 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.