フォームブリッジのカスタマイズ

kintone カスタマイズ
1

項目を横並びで表示させたいのですが、
PC版ではもちろんドラッグアンドドロップで横並びに配置できますが、
スマホで見たときに縦に並んでしまいます。

特定の項目だけスマホで見たときにも横並びにすることはできますでしょうか。
（例えば年月日を「年」と「月」と「日」の3項目に分けた場合、スマホで表示したときも横並びで表示させたいです）

ご教授ください。

宜しくお願い致します。

 

※下記URLにある質問（フォームブリッジで項目を横並びにする方法）と似ています。

https://developer.cybozu.io/hc/ja/community/posts/360027637612-%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%96%E3%83%AA%E3%83%83%E3%82%B8%E3%81%A7%E9%A0%85%E7%9B%AE%E3%82%92%E6%A8%AA%E4%B8%A6%E3%81%B3%E3%81%AB%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95

2

foopii様

お世話になっております。

cstapの友利と申します。

・特定の項目だけを横並びにする

下記の記述をしたJavaScriptファイルを「フォームの詳細 > カスタマイズ」から読み込ませることで下のようなフォームを作成することができます。

https://form.kintoneapp.com/public/form/show/943a7c0677e2adbbc00f18d2cb5557dc4c374cdc24e5682ea0fd21190052696d#/ 

(function() {
"use strict";

fb.events.form.created = [function (state) {
state.fields[0].spStyle.width = '30%!important'; /*30%はお好きな幅に設定してください。!importantは必ずつけてください*/
state.fields[1].spStyle.width = '30%!important';
state.fields[2].spStyle.width = '30%!important';

return state;
}];
})();
3

友利様

ありがとうございました。

上記コードで実現できました！