チェックボックスの段落分け

kintone カスタマイズ
1

いつもお世話になっております。チェックボックスの段落分けについて
うかがいたいです。
15項目ほどチェックボックスの項目があり、クリックするとその下にグループが
表示されるようにカスタマイズしております。

チェックボックスの項目が、縦でも横でも見えずらくなってしまうので、
縦5項目ごとくらいに分けて横に並べることができたらと思うのですがやり方が分からず詰まっています。
こちらやこちらを参考にしてみたのですが、どちらも
元々の参考ページが閲覧できなくなっており、手詰まりの状態です。

現在枠線を消す下記CSSを実装し、３つのチェックボックスを横に並べ
一つのチェックボックスのように見せているのですが、そうするとチェックボックス×３なので、フィールド名が３つ並んでしまいます。
一つ目を除いて残り二つのフィールド名を非表示にすると、一行分上に詰まってしまい不格好です。

.control-gaia .input-checkbox-cybozu {
border-width: 0px;
padding: 0px 0 0 0px;
}

表題の通り、チェックボックス内での段落わけ、あるいはフィールド名を空白文字にする方法（Kintoneの仕様上おそらくこれは難しいですよね…）などわかる方いらっしゃいませんでしょうか…
ご教示お願い致します

2

2つ目のURLは

に移動しているようです。

2 Likes
3

ありがとうございます！
早速実践し、改行に成功いたしました。
このままだと各チェック項目の幅がばらばらで見栄えが悪かったため
それぞれの項目も幅を指定し無事やりたかった表示にすることができました！！

枠線を消すCSSはそのまま活用し綺麗に実装できております。

今後の方のため下記に今回のコード貼り付けさせていただきます。

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

    .input-checkbox-item-cybozu {
        width: 230px !IMPORTANT;
    }

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

4

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