Skip to main content

Scrollable paginated grid

The main features of a grid are:

  • read only grid
  • full read content or paginated reading
  • vertical and horizontal scrolling (useful in case of a large amount of columns exceeding the display width)
  • sortable columns, by tapping on the column headers
  • supported columns:
    • text field
    • check box
    • date, date+time, time
    • numeric field; decimal numbers are supported too and they are configurable in the Web Designer form panel image preview, with buttons to select an image (from the camera/image gallery) and remove it
    • file selector – e.g. a PDF file, with buttons to show the file preview and delete it.testo (per testo e numeri) decoded value, starting from an enumeration of couples <code, description to show>
    • form panel
  • support render for standard columns
  • support render for field on form columns

Render fields​

With render you can change the field style or properties. Available properties are:

var obj = \{\};
obj.value = vo["progId"];
obj.backgroundColor="#FFFF0000";
obj.foregroundColor="#FF000000";
obj.fontName="Arial"; //the font must be present in the application
obj.fontStyle="Bold";
obj.fontSize="15";
obj.label="My Label;
obj.textAlignment="right"; //right, center, left
obj.visible="Y"; // Y or N
obj.enabled="Y"; // Y or N
return convertToObjectJson(obj);
//NOTE fontName, fontStyle and fontSize must be filled in together