Liquid UI - Documentation - 17.06 Change the position of screen elements

17.06 Change the position of screen elements


Prerequisites

Purpose

The article demonstrates how to use the pos() to change the position of different input fields within the group box, focusing on the Create Sales Order: Initial Screen. Here, we’ll perform the following actions:

  1. Navigate to the Create Sales Order: Initial screen
  2. Change the position of the required input fields

User Interface

//Create the file SAPMV45A.E0101.sjs inside your scripts folder for customizing the Create Sales Order: Initial Screen.
//Now, add the Liquid UI script to the above file and save it.

Customization

  1. Log on to SAP, navigate to the VA01 screen, and change the position of the required input fields, using the pos().
     
    //Assigns OR Value to Order Type input field
    pos("F[Sales Organization]"),[5,30]);
    pos(""F[Distribution Channel]"),[6,33],{"value":true});
    pos(""F[Sales Group]"),[9,30],{"text":true});
    pos(""F[Division]",{"field":F[Sales Office]","offset":[0,30]});
    
  2. Refresh the SAP screen, and then you will observe that the specified input field’s position has been changed, as depicted in the image below.
     
     

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