チェックボックスを横並びで表示したい

[jun]

view_customizeプラグインにて、横並びに表示させたいのですが

横幅をはみ出し複数行になった場合

/* 全てのチェックボックスで複数カラム並べて表示するCSS  */

span.list_cf.check_box_group {

  column-count: 6;

  -moz-column-count: 6;

  -webkit-column-count: 6;

}

以下の様なチェック項目が

Ａ

Ｂ

Ｃ

Ｄ

Ｅ

Ｆ

Ｇ

以下の様に表示されます。

Ａ　　Ｃ　　Ｅ　　Ｇ

Ｂ　　Ｄ　　Ｆ

以下の様な並び順で表示できないでしょうか？

Ａ　　Ｂ　　Ｃ　　Ｄ

Ｅ　　Ｆ　　Ｇ

ご教示宜しくお願いします。

[onozaty]

onozatyです。

column-countだと、コンテンツが流れる方向としては、上から下になるので、項目の順番は横並びにはなりません。
こういった場合には、flexboxの仕組みを使うと良いかと思います。

下記に書いてみましたので、お試しいただけますでしょうか。

Redmine: チェックボックスのカスタムフィールドを横並びで表示する (View customize plugin) - Enjoy*Study
http://blog.enjoyxstudy.com/entry/2016/10/23/000000

2016年10月21日 12:55 jun <papi...@gmail.com>:

--
このメールは Google グループのグループ「Redmine Users (japanese)」に登録しているユーザーに送られています。
このグループから退会し、グループからのメールの配信を停止するには redmine-users-ja+unsubscribe@googlegroups.com にメールを送信してください。
このグループに投稿するには redmine-users-ja@googlegroups.com にメールを送信してください。
https://groups.google.com/group/redmine-users-ja からこのグループにアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

--

onozaty
http://www.enjoyxstudy.com/

[jun]

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

横並びに表示出来る様になりました。

2016年10月23日日曜日 0時55分57秒 UTC+9 Hirokazu Onozato:

このグループから退会し、グループからのメールの配信を停止するには redmine-users-...@googlegroups.com にメールを送信してください。
このグループに投稿するには redmine-...@googlegroups.com にメールを送信してください。

https://groups.google.com/group/redmine-users-ja からこのグループにアクセスしてください。
その他のオプションについては https://groups.google.com/d/optout にアクセスしてください。

--

onozaty
http://www.enjoyxstudy.com/