Description

It is useful to view an image of the item to handle, so Mobile can display images.

These functions can display images

• Locate Item (Thumbnail)Item 
  • Show Image (Full view)
    
    
• Order Lines (Thumbnail)
  • Show Image (Full view)
  Any custom List
  

Supported versions

Requirements

• Minimum mobile app version 1.3.0 0
• Minimum NAV 2013
• NAV 2015
• NAV 2016
• NAV 2017
• NAV 2018

Please note

Keep image size down

• Images are cached by the app to reduced bandwidth requirementsBut still, do keep in mind the image file size
  

Steps to perform

1. Import images in Items
2. Import NAV objects
3. Enable in NAV code
4. Configure the Mobile App (Optional)

• but large images will take longer to download. Keep image size down.
  
  

Overview

Step 1 - Set "Max Message Size" for Web Service

On the servier tier administration, SOAP tab.

You must set this property to the highest possible size of image. 5120 = 5 megabyte.

Warning: Failing to increase this value, will result in images not being stored in NAV.

Image Added

Step 2 - Import images in Items

Import Picture on the relevant Items.

Step 3 - Configure the Mobile App to show Images for desired functions

Ask Tasklet perform this step for you. See Raise a Service Desk Ticket

Modify all Planned pages to use to use the "WithImages" listes.

• Example: "OrderLinesWithImages" is used instead of "OrderLines"

Pick

Image Added

Put-away

Image Added

Receive
Image Added

Step 3 - Import NAV objects

The following two objects will be create

• Codeunit 6181391 - MOB WMS Media
• Codeunit 50011- RunMe Setup MOB WMS Media
  
  

1. Re-Compile the object (Important)
2. Run the object "RunMe Setup MOB WMS Media"
   1. This will set up Image support, by creating a Mobile Document Type called "GetMedia" pointing to Codeunit 6181391

Step

4 - Enable in NAV code

Warehouse Pick, Put-away and Move

In Codeunit 6181388 - MOB WMS Toolbox and function CreateWhseActLinesResponse

1. Create a Global variable for the Codeunit Called "MOBWMSMedia" of type "Codeunit" and subtype "MOB WMS Media"
2. Insert the following snippet

// MEDIA
MOBWMSMedia.AddItemImageToRequest(WhseActLineTake."Item No.",XMLOrderLine,NS_BASE_DATA_MODEL);
// MEDIA

Warehouse Receipt

In Codeunit 6181372 - MOB WMS Receive and function CreateOrderLinesResponse

1. Create a Global variable for Codeunit Called "MOBWMSMedia" of type "Codeunit" and Subtype "MOB WMS Media"
2. Insert the following snippet

// MEDIA
MOBWMSMedia.AddItemImageToRequest(WhseReceiptLine."Item No.",XMLOrderLine,BaseDataModelNS);
// MEDIA

Purchase Order Receipt

In Codeunit 6181372 - MOB WMS Receive and function CreatePurchaseLinesResponse

1. Create a Global variable for the Codeunit Called "MOBWMSMedia" of type "Codeunit" and subtype "MOB WMS Media"
2. Insert the following snippet

// MEDIA
MOBWMSMedia.AddItemImageToRequest(PurchaseLine."No.",XMLOrderLine,BaseDataModelNS);
// MEDIA

Transfer Order Receipt

In Codeunit 6181372 - MOB WMS Receive and function CreateTransferLine

1. Create a Global variable for the Codeunit Called "MOBWMSMedia" of type "Codeunit" and subtype "MOB WMS Media"
2. Insert the following snippet

// MEDIA
MOBWMSMedia.AddItemImageToRequest(Transferline."Item No.",XMLOrderLine,BaseDataModelNS);
// MEDIA

Image Added

Locate Item

There are two modifications to be made.

Modification 1

In Codeunit 6181382 - MOB WMS Lookup and function LookupLocateItem

1. Create a Global variable for the Codeunit Called "MOBWMSMedia" of type "Codeunit" and subtype "MOB WMS Media"
2. Insert the following snippet

// MEDIA
MOBWMSMedia.AddItemImageToRequest("Item No.",XMLLookupResponse,MobXMLMgt.GetNodeNSURI(XMLResponseData));
// MEDIA

Modification 2

In Codeunit 6181382 - MOB WMS Lookup and function AddLookupResponse

1. Create a Global variable for the Codeunit Called "MOBWMSMedia" of type "Codeunit" and subtype "MOB WMS Media"
2. Insert the following snippet

// MEDIA
MOBWMSMedia.AddItemImageToRequest(ItemNo,XMLLookupResponse,Namespace);
// MEDIA

Planned Count

In Codeunit 6181376 - MOB WMS Count and function PhysCreateOrderLinesResponse

1. Create a Global variable for the Codeunit Called "MOBWMSMedia" of type "Codeunit" and subtype "MOB WMS Media"
2. Insert the following snippet

// MEDIA
MOBWMSMedia.AddItemImageToRequest(ItemJnlLine."Item No.",XMLOrderLine,BaseDataModelNS);
// MEDIA

Step 4 - Configure the Mobile App (Optional)

Perform the following modifcations to application.cfg

Please note

• Version 1.3.0.0 Images are already supported
• For existing systems Tasklet Factory Support will assist you with this part

1st modification

Lookup Item

Add the following snippet marked with "<!-- MEDIA -->

<!-- Lookup With Registrations -->
<listConfiguration id="LookupWithRegistrations">
  <columns>
    <column width="65%" xAlign="left" yAlign="top">
      <elements>
        <textElement fontId="headlineFont" text="{DisplayLine1}"/>
        <textElement fontId="contentFont" text="{DisplayLine2}" />
        <textElement fontId="contentFont" text="{DisplayLine3}" />
        <textElement fontId="contentFont" text="{DisplayLine4}"/>
        <textElement fontId="contentFont" text="{DisplayLotNumber} {DisplaySerialNumber} {DisplayExpirationDate}"/>
      </elements>
    </column>
    <column width="35%" xAlign="right" yAlign="top">
      <elements>
        <textElement fontId="headlineFont" text="{Quantity}/{ExtraInfo1}" horizontalAlignment="right" />


        <!-- MEDIA -->
        <imageElement height="25%" sourceId="{ItemImage}" horizontalAlignment="right" ></imageElement>
        <!-- MEDIA -->

      </elements>
    </column>
  </columns>
</listConfiguration>

2nd modification

Order Lines (Pick / Receive / Put-away)

Step 1

Add this entire snippet. This will add an entirely new List with support for images.

<!-- MEDIA -->
<!-- Order lines With Image-->
<listConfiguration id="OrderLinesWImages" displayStatus="true">
  <columns>
    <column xAlign="left" yAlign="top" width="82%" >
      <elements>
        <textElement fontId="headlineFont" text="{DisplayLine1}" verticalAlignment="top"/>
        <textElement fontId="contentFont" text="{DisplayLine2}" />
        <textElement fontId="contentFont" text="{DisplayLine3}" />
        <textElement fontId="contentFont" text="{DisplayLine4}" />
      </elements>
    </column>
    <column xAlign="right" yAlign="top" width="18%" >
      <elements>
        <textElement fontId="headlineFont" horizontalAlignment="right" verticalAlignment="top" text="{ActionDefinedQuantity}/{Quantity}"/>
        <textElement verticalAlignment="top" fontId="contentFont" horizontalAlignment="right" text="{UnitOfMeasure}"/>
        <imageElement height="25%" sourceId="{ItemImage}" horizontalAlignment="right" >
        </imageElement>
      </elements>
    </column>
  </columns>
</listConfiguration>
<!-- MEDIA -->

Step 2

Change where the  "OrderLines" list is used to instead use "OrderLinesWIMages".

Pick

Image Removed

Put-away

Image Removed

Receive

Image Removed

3nd modification

Add Order Line Action "View Image"

Add the following snippet marked with "<!-- MEDIA -->

<!-- MEDIA -->
<actions>
  <showImage id="ShowImage" enabled="true" title="Show Image"  imageProperty="ItemImage" />
</actions>
<!-- MEDIA -->

Pick

Image Removed

A functional description

How Images are technically requested from the back-end.

Images on Order lines

1. A sourceID XML tag appears in the App Configuration file, application.cfg.
   1. This is named "ItemImage".
2. When the Mobile Request Document Type "GetXXXOrderLines" is reponded to, an Image tag is included.

Show Image

To show the image in Full Screen, you can enable the "Show Image" action.

Image Added

Remove the comment tag surrounding the showImage action.

Image Added

Troubleshooting that no image is being saved

Mobile Doc. Type is missing

Solution

Unknown error

Inspect the log files on mobile device for error messages.