0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

kintone フォームクリエイターのカスタマイズ覚書

Last updated at Posted at 2017-01-05

kintone フォームクリエイターのカスタマイズ覚書

たまに開発案件でフォームクリエイターを使う機会がありますので、メモしておきます。

CSS と JavaScript は、「高度な設定」タブで指定します。

2017-01-05_17h43_53.png

  • 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 の Firefox 問題

autoKana.js で Firefox の場合、変換後に入力した文字は無視される問題がありました。

対策としては、下記がありましたが、要検証です。

CompositionEventを利用してフリガナを取得する(その2)

ソース
https://github.com/VeryPinch/autoKana2

デモ
https://verypinch.github.io/autoKana2/

フォームクリエイター関連情報

フォームクリエイター(サイボウズスタートアップス株式会社 Cstap)

フォームクリエイターの入力確認画面を自作HTMLで作ろう
多数のサイトを運営していてもOK!流入元判別カスタマイズ
武井がフォームクリエイターを半日いじるとここまで良くなる

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?