# ラジオボタン、チェックボックスの段落分けについて **URL:** \ **Category:** kintone 開発相談\ **Created:** [2017 年 12 月 5 日午前 12:41 UTC](https://community.cybozu.dev/t/topic/632 "2017-12-05T00:41:34Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Legacy\_Account2111](https://avatars.discourse-cdn.com/v4/letter/l/7c8e57/32.png) [@Legacy\_Account2111](https://community.cybozu.dev/u/Legacy_Account2111)\ **Post date:** [2017 年 12 月 5 日午前 12:41 UTC](https://community.cybozu.dev/t/topic/632/1 "2017-12-05T00:41:34Z")
お世話になっております。   掲題の件、ラジオボタンやチェックボックスの項目が30個など多くなりすぎると画面をスクロールして選択するのが手間になってしまいます。   横でならべた場合は5項目ごとに改行、 縦にならべた場合は5項目ごとに次の列といったカスタマイズは可能でしょうか？   お手数ですがよろしくお願いいたします。 ---
**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\ **Post date:** [2017 年 12 月 5 日午前 5:07 UTC](https://community.cybozu.dev/t/topic/632/2 "2017-12-05T05:07:52Z")
y-kishi さん、こんにちは こちらの記事のrex0220さんのアドバイスが参考になるかもしれません。 [https://developer.cybozu.io/hc/ja/community/posts/115017926403/comments/115004178743](https://developer.cybozu.io/hc/ja/community/posts/115017926403/comments/115004178743) ---
**Author:** ![Legacy\_Account2111](https://avatars.discourse-cdn.com/v4/letter/l/7c8e57/32.png) [@Legacy\_Account2111](https://community.cybozu.dev/u/Legacy_Account2111)\ **Post date:** [2017 年 12 月 5 日午前 7:04 UTC](https://community.cybozu.dev/t/topic/632/3 "2017-12-05T07:04:48Z")
Shotaro Matsuda様   お世話になっております。 ご回答いただきありがとうございました。   すでに質問されていた内容で失礼いたしました。 ご案内いただいた記事を参照し、指定の幅で改行させることができました。   ありがとうございます。 ---
**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\ **Post date:** [2017 年 12 月 5 日午前 7:08 UTC](https://community.cybozu.dev/t/topic/632/4 "2017-12-05T07:08:16Z")
y-kishiさん、 無事設定できたようで、よかったです。 これ、標準機能でなんとかして欲しいですよね。 ---
**Author:** ![Legacy\_Account2111](https://avatars.discourse-cdn.com/v4/letter/l/7c8e57/32.png) [@Legacy\_Account2111](https://community.cybozu.dev/u/Legacy_Account2111)\ **Post date:** [2017 年 12 月 5 日午前 7:26 UTC](https://community.cybozu.dev/t/topic/632/5 "2017-12-05T07:26:37Z")
以下のようなcssになりました。 ====================================== /\* ラジオボタンの項目のカラムを2に、枠線を設定する \*/ .control-gaia.control-single\_check-field-gaia.field-5127715 { column-count: 2; width: auto !important; height: auto !important; border: 1px solid #dedede !important; margin: 20px 0px 0px 0px !important; padding: 20px 0px 20px 0px !important; }   /\* ラジオボタンのフィールド名を枠線より上に表示する \*/ .control-label-gaia.label-5127715 { column-span: all; margin: -50px 0px 10px 0px !important; }   /\* ラジオボタンの枠線を消す \*/ .control-gaia .input-radio-cybozu { border-width: 0px; padding: 0px 0 0 0px; } ====================================== 今回適用したアプリではラジオボタンを1つしか使用していなかったので、 無理やりな感じが否めませんが、ひとまずは上記のように設定しました。   これから少しづつカスタマイズして見栄えや汎用性を向上していきたいと思います。   たしかに、標準機能で搭載されて欲しいです。 ---
**Author:** ![Legacy\_Account1821](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@Legacy\_Account1821](https://community.cybozu.dev/u/Legacy_Account1821)\ **Post date:** [2017 年 12 月 5 日午前 7:30 UTC](https://community.cybozu.dev/t/topic/632/6 "2017-12-05T07:30:18Z")
y-kishiさん、 共有いただき、ありがとうございます！ ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\ **Post date:** [2025 年 2 月 14 日午前 6:51 UTC](https://community.cybozu.dev/t/topic/632/7 "2025-02-14T06:51:18Z")
クローズされました: 2025 年 2 月 14 日午前 6:51 UTC このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。