スマホやタブレットにおける数値項目での入力モードの自動切り替えについて

kintone カスタマイズ
1

初めまして
スマホやタブレットで数値項目のときに、キーボードを自動的に数値入力モードに切り替えようとしておりますが、
そういうことは可能でしょうか？
どなたかご教授お願い致します。

2

teru さん

JavaScript カスタマイズで可能です。
ただし、DOM 操作になりますので、kintoneアップデートにより機能しなくなるリスクがあります。

アプリ設定の「JavaScript / CSSでカスタマイズ」で、スマートフォン用のJavaScriptファイルを設定します。

・jQuery のCDNを指定
https://js.cybozu.com/jquery/2.1.4/jquery.min.js

・JavaScript ファイルを作成して、登録
numberInput.js

jQuery.noConflict();
(function($) {
"use strict";
kintone.events.on(["mobile.app.record.edit.show","mobile.app.record.create.show"], function(event) {
$('.gaia-ui-decimal-input-input input').attr('type', 'number');
return event;
});
})(jQuery);

 

3

rex0220さん
無事、数値入力に切り替えることができました。
mobile用のイベントを使えば良かったんですね。
どうもアドバイスありがとうございました。

4

iPhone と Android で試してみましたが、問題なく数値入力モードになりました。

なにかエラーが出ている可能性があります。

ブラウザーの開発ツールでデバッグしてみてください。

kintone JavaScript カスタマイズデバッグまとめ

kintone 開発で Chrome デベロッパーツールを使おう モバイル表示

5

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。