新規投稿
フォローする

チェックボックスのフィールドを複数行で表示

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

アプリ内にチェックボックスを設置しておりますが、項目数が増えてきて困っております。

すでに情報が中に入っているためチェックボックスというフィールドをそのまま活かしたいと考えております。

 

現在は「横に並べる」「縦に並べる」で項目の配置の仕方を選べると思いますが、

こちらを複数行での配置にする方法はありますでしょうか。

 

皆様のお知恵をお借りでれきば幸いです。

宜しくお願い致します。

0

9件のコメント

Avatar
rex0220

KH さん

CSS を指定すると調整できます。
DOM 操作になるため、kintone の仕様変更で、動作しなくなるリスクがあります。

・チェックボックスの並びを横にします。

・下記のCSS を指定。

width: 400px は、適当に調整してください。
5345882 の番号は、チェックボックスに付与された番号をデベロッパーツールで調べてください。


.control-gaia.field-5345882 {
width: 400px !IMPORTANT;
}
.control-value-gaia.value-5345882 span {
float: left;
}

0
Avatar
KH

rex0220様

早速のご連絡ありがとうございます!

仕様変更で動作しなくなるリスクがあるとのことですが、やりたいことができました!

できるのかどうかもわからなかったため、CSSのコードまで記載いただいて本当に助かりました。

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

0
Avatar
rex0220

KH さん

kintone チェックボックスレイアウトプラグイン というものを作ってみました。

縦スクロール、リセット機能なども出来るようにしています。

有償ですが、試用版もありますので、よろしければお試しください。

 

0
Avatar
KH

rex0220様

こちらで投稿させていただいた内容でプラグインまで作成されてしまうなんてすばらしいですね!

当方では、有償ですと購入が難しいためこちらの試用・購入は見合わせさせていただきたく存じます。

ご連絡が遅くなり申し訳ありません。

CSSコードをこちらで書いていただき、本当にありがとうございました。

 

 

0
Avatar
ToS

初歩的な質問ですみません。

5345882 の番号は、チェックボックスに付与された番号をデベロッパーツールで調べる。

とあるのですが、どうしても付与された番号が調べられませんでした。

調べ方を教えていただけることはできますでしょうか?

0
Avatar
rex0220
0
Avatar
ToS

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

年数が経ち、要素の記述が変わっておりました。

変更して修正変更することができました

ありがとうございます。丁寧にありがとうございます!

0
Avatar
ToS

素晴らしいプラグインをたくさん作られており、私も作れるようになりたいと考えております!

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

1
Avatar
ToS

今後こちらを見た方の力になればと思います。

今現在の記述は

.control-multiple_check-field-gaia.field-5524688 {
width: 400px !IMPORTANT;
}
.control-value-gaia.value-5524688 span {
float: left;
}

上記のようになっていました。

同様のことを調べられている方の力になれれば幸いです。

0
サインインしてコメントを残してください。