(37)-a. 配置
レイアウト名 | 画像 | 説明 |
---|---|---|
手書き項目 | 手書きができるコンポーネントを配置します。 |
手書き項目を表示領域にマウスでドラッグ&ドロップします。
デプロイ後のSalesforce画面では、画面を表示した時から手書き入力が有効な状態となっています。
手書き項目入力欄に入力後、入力値を保存するために「確定」ボタンを押下します。
入力値を保存するために「確定」ボタンの押下は必須のためご注意ください。
【手書き項目 「確定」前】 【手書き項目 「確定」後】
ボタン名 | 画像 | 設定内容 |
---|---|---|
確定 | 手書きを確定して画像化します。 | |
クリア | 手書きを削除してやり直します | |
文字設定 | 手書きのツール設定を行うダイアログが表示されます。 | |
書き直し | 確定した画像を消去して、手書き入力できるようになります。 |
【デプロイ後 ツール設定ダイアログ表示時】
ボタン名 | 画像 | 設定内容 |
---|---|---|
確定 | 文字設定を確定します。 | |
キャンセル | 文字設定ダイアログを閉じます。 | |
文字の太さ [2px] | 手書きの文字のサイズを2pxに設定します。 | |
文字の太さ [3px] | 手書きの文字のサイズを3pxに設定します。 ※デフォルト設定 | |
文字の太さ [4px] | 手書きの文字のサイズを4pxに設定します。 | |
消しゴム | 手書き線を部分的に削除可能な消しゴムを設定します。 消しゴムのサイズはページスクリプト機能に下記処理を追加することで変更可能です
// 例)サイズを50pxに設定する場合 SkyEditor.eraserSize = 50; |
設定名 | 画像 | 設定内容 |
---|---|---|
文字色 [黒] | 手書きの文字の色を黒に設定されます。 | |
文字色 [赤] | 手書きの文字の色を赤に設定されます。 | |
文字色 [青] | 手書きの文字の色を青に設定されます。 | |
文字色 [緑] | 手書きの文字の色を緑に設定されます。 |
手書き項目に何らかの入力がある状態で、「確定」ボタンを押下せずに画面全体の「保存」ボタンを押下した場合、以下のダイアログが表示されます。
続けて「OK」ボタンを押下すると、手書き項目の値は保存されずに画面全体が保存されます。
入力した手書き項目は画像(png形式)として主オブジェクトのメモ&添付に保存されます。
尚、画像ファイル名は手書き項目のID名となります。
【手書き設定について注意事項】
手書き項目は、確定していても入力時必須などの項目でエラーが発生した場合には削除され書き直しが必要となります。
(Salesforceの制限を避けるための仕様となります。)