(37)-a. Overview

Layout name	Picture	Detail
Free hand input item		Place component for hand input ※Only for iPad /iPhone

Drag and drop the component directly onto the highest container or Panelgrid of the Salesforce Layout or the Free Layout.
After deploying to your Salesforce organization, the hand input field is active when the screen is shown.
After inputting value in hand input field, the user must press the [Set] button to save the image.

　　　【Hand input field Before[Set]】　　　　　　　　　　　　　　【Hand input field After[Set]】
　　　　　　　　

Button	Picture	Setting detail
Set		Saves the captured image to the field
Clear		Reset the drawing canvas.
Tool Setting		Show dialog for changing the font of the drawing brush
Rewrite		Delete a fixed picture to redo the hand input. ※A confirmation dialog will be shown.

　【End User's Tool setting dialog】
　

Button	Image	Setting detail
Set		Sets the tool setting to the selected values
Cancel		Close the dialog without applying the tool settings

Setting		Setting detail
font weight [2px]		Set the thickness of the brush to 2px
font weight [3px]		Set the thickness of the brush to 3px ※Default setting
font weight [4px]		Set the thickness of the brush to 4px
Eraser		Sets an eraser that can partially delete handwritten lines. The size of the eraser can be changed by adding the following process to the page script function // When setting the size to 50px SkyEditor.eraserSize = 50;
font color [Black]		Set brush color to black ※Default setting
font color [Red]		Set brush color to red
font color [Blue]		Set brush color to blue
font color [Green]		Set brush color to green

If you attempt to save the Salesforce object without clicking the Set button the Free Hand item,
you will be warned that the unsaved changes to the Free Hand item will be lost if you proceed.
To ensure that the Free Hand input is saved, users must first Set the input before saving the record.
Upon saving the main object, the data from the free hand item is saved as a PNG image and attached to the main object.