Skip to main content

Detail scrollable form

The main features of a detail form are:

  • input fields are always layout vertically from top to bottom, from left to right; the number of columns to use in the layout is configurable, but should be 1 for smartphone devices, in order to make it easy to read the form content
  • scrollable
  • controls within the form are stretched automatically horizontally, starting from a standard with of 320 pixels, so that if a specific device has a different width, controls are relocated and strecthed according to the original with of 320. Consequently, you should define a layout based on a theoretic width of 320 pixels.
  • supported input fields are:
  • text field
  • text area
  • check box
  • calendar, including a button to open a calendar
  • numeric field, including an ad hoc numeric keypad; decimal numbers are supported too and they are configurable in the App Designer form panel
  • code selector, composed of an input field and a selector button:
  • when clicking on the selector button a popup window is showed, in order to choose a code from the list of proposed codes
  • when typing a code directly on the input field, this code will be validated when loosing focus and will be emptied if the code validation fails
  • 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.

A for can be fill with a business component (Form Panel) or can exists without a business component (Editable panel).

Form Panel, Editable panel and Filter Panel support the constraints layout.