Skip to main content

Drawing Area

The drawing area allows users with touch-enabled devices to draw something. This can be used, for example, to capture a simple signature or to mark something on a photo. A corresponding button () allows users to take a photo, which can then be marked up. This can be helpful, for example, to document damage in an office and highlight the problematic area.

Configuration​

The following options are available in the configuration:

  • Title:
    Enter the display name of the control element here. This is displayed to the users so that they know which control it is.
  • Internal name:
    The internal name allows you to reference a control in placeholders or rules using a name other than the title. This field does not have to be filled in, but is helpful if you have several controls with the same title in a form.
  • Exclude from PDF export:
    The standard PDF export exports all control elements in the form. If you activate this option, the element is not included in the standard PDF export.
    The control element can still be used manually in a document template.
  • Height:
    Here you can define the height the control element should occupy in the form. For signatures, it's recommended to choose a lower height.
  • Pen size customizable:
    If you activate this option, users can choose whether they want to draw with a thick or thin pen.
  • Color customizable:
    If you activate this option, users can change the color of the pen.
  • Users may insert background:
    If you activate this option, users can upload a background image or photo. This allows them, for example, to take a photo with a mobile phone and then mark specific points on it.
  • Background image:
    Here you can define a default background image. For example, you could upload a diagram in which a point can be marked.
  • Help text:
    If you enter a value here, a help icon () is displayed next to the control. People can click on this to display the help text. This allows you to give people help on an individual control.

Placeholder​

This control element provides a placeholder that can be used to reference the drawn image.
You can embed this file, for example, in a PDF export to display a signature.