kintone フォームクリエイターのカスタマイズ覚書
たまに開発案件でフォームクリエイターを使う機会がありますので、メモしておきます。
CSS と JavaScript は、「高度な設定」タブで指定します。
- URL とファイルの同時指定は可能
- CSS, JavaScript のファイルは、それぞれ1つ指定
- 複数ファイルをアップロード出来ない
CSS,JavaScript が各1ファイルしか指定できませんので、複数ライブラリが必要な場合は、ライブラリをまとめて1ファイルにしてしまうか、動的に読み込む工夫が必要です。
jQuery 関連について
2017/1/5 時点では、下記のライブラリが読み込まれます。
jQuery のバージョンに問題なければ、JavaScript カスタイマイズでもそのまま使用可能です。
- jQuery v1.7.2
- iCheck v1.6 チェックボックス、ラジオボタンで使用されている。
- JSCal2, version 1.9 日付入力で使用
JavaScript カスタマイズ
kintone のイベントのようなものは無く、通常のwindow ロード完了後のタイミングで実行させる。
アンケートなどによく使われる下記ライブラリも同時使用できました。
- 自動かな入力 autoKana.js
- 郵便番号から住所変換 jquery.jpostal.js
autoKana の Firefox 問題
autoKana.js で Firefox の場合、変換後に入力した文字は無視される問題がありました。
対策としては、下記がありましたが、要検証です。
CompositionEventを利用してフリガナを取得する(その2)
ソース
https://github.com/VeryPinch/autoKana2
デモ
https://verypinch.github.io/autoKana2/
フォームクリエイター関連情報
フォームクリエイター(サイボウズスタートアップス株式会社 Cstap)
- kintoneapp BLOG のカスタイマイズ例
フォームクリエイターの入力確認画面を自作HTMLで作ろう
多数のサイトを運営していてもOK!流入元判別カスタマイズ
武井がフォームクリエイターを半日いじるとここまで良くなる