Liquid UI - Documentation - 18.06 View image in a non-SAP window

18.06 View image in a non-SAP window


Prerequisites

 

Purpose

This article guides how to display an image on a non-SAP window using the view(). We'll demonstrate the process using the SAP Easy Access screen and walk you through the following steps.

  1. Delete the image container on the SAP Easy Access screen.
  2. Add the image file to your script folder.
  3. Specify the image to be displayed.
 

User Interface

//Create this file inside your script folder for customizing the SAP Easy Access screen: SAPLSMTR_NAVIGATION.E0100.sjs

//Now, let's add the Liquid UI script to the above file and save it.

 

Customization

  1. Delete the image container on the SAP Easy Access screen using del().
     
    // Deletes the image container
    del("X[IMAGE_CONTAINER]");
    
     
     
  2. Add an image in your scripts folder mentioned in the configuration file (guixt.sjs).
     

    Note: The default Liquid UI scripts location on a Windows machine is C:\LiquidUI\scripts.

     
  3. Specify the image name to be displayed on a non-SAP window using view().
     
    //Displays an image in a non-SAP window
    view('android-va01.jpg');
     

SAP Process

  1. Refresh the SAP screen to view the image file opened on a non-SAP window, as shown below.
     
     

    Note: Since we are not specifying any on-screen coordinates or other parameters, the image will be displayed in the application that the OS specifies for that file type. Since the image is in JPG, it will be displayed in the Windows Picture and Fax Viewer.

     

    This article is part of the Integrating images tutorial.


Can't find the answers you're looking for?