お世話になっております。
アプリ内にチェックボックスを設置しておりますが、項目数が増えてきて困っております。
すでに情報が中に入っているためチェックボックスというフィールドをそのまま活かしたいと考えております。
現在は「横に並べる」「縦に並べる」で項目の配置の仕方を選べると思いますが、
こちらを複数行での配置にする方法はありますでしょうか。
皆様のお知恵をお借りでれきば幸いです。
宜しくお願い致します。
KH さん
CSS を指定すると調整できます。
DOM 操作になるため、kintone の仕様変更で、動作しなくなるリスクがあります。
・チェックボックスの並びを横にします。
・下記のCSS を指定。
width: 400px は、適当に調整してください。
5345882 の番号は、チェックボックスに付与された番号をデベロッパーツールで調べてください。
.control-gaia.field-5345882 {
width: 400px !IMPORTANT;
}
.control-value-gaia.value-5345882 span {
float: left;
}
rex0220様
早速のご連絡ありがとうございます！
仕様変更で動作しなくなるリスクがあるとのことですが、やりたいことができました！
できるのかどうかもわからなかったため、CSSのコードまで記載いただいて本当に助かりました。
ありがとうございました！
KH さん
kintone チェックボックスレイアウトプラグイン というものを作ってみました。
縦スクロール、リセット機能なども出来るようにしています。
有償ですが、試用版もありますので、よろしければお試しください。
rex0220様
こちらで投稿させていただいた内容でプラグインまで作成されてしまうなんてすばらしいですね！
当方では、有償ですと購入が難しいためこちらの試用・購入は見合わせさせていただきたく存じます。
ご連絡が遅くなり申し訳ありません。
CSSコードをこちらで書いていただき、本当にありがとうございました。
初歩的な質問ですみません。
5345882 の番号は、チェックボックスに付与された番号をデベロッパーツールで調べる。
とあるのですが、どうしても付与された番号が調べられませんでした。
調べ方を教えていただけることはできますでしょうか？
下記が参考になると思います。
ありがとうございました！
年数が経ち、要素の記述が変わっておりました。
変更して修正変更することができました
ありがとうございます。丁寧にありがとうございます！
素晴らしいプラグインをたくさん作られており、私も作れるようになりたいと考えております！
ありがとうございました！
今後こちらを見た方の力になればと思います。
今現在の記述は
.control-multiple_check-field-gaia.field-5524688 {
width: 400px !IMPORTANT;
}
.control-value-gaia.value-5524688 span {
float: left;
}
上記のようになっていました。
同様のことを調べられている方の力になれれば幸いです。
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。