「tomoacの機能拡張フォーム」(有償版)で、ラジオボタンの横表示が効かない

2015年3月18日 at 1:00

掲題の通りなのですが、フォーム生成時にラジオボタンの横表示にチェックをしているのですが、画面上ではラジオの選択肢が縦に並んでしまいます。

該当箇所のhtml出力は、

<td class="answer">
<!-- answer_cell_begin( -->
<div id="item3_input" style="margin-right:8px;float:left;margin: 0 0 0 0;">
<!-- )answer_cell_begin -->
<!-- radioarea( -->
<div class="radioarea radioarea3">
<label>
<input type="radio" name="Question3" id="Question30" value="男">男</label> 
<label>
<input type="radio" name="Question3" id="Question31" value="女">女</label> </div>
<!-- )radioarea -->
<!-- answer_cell_end( -->
</div>
<!-- )answer_cell_end -->
<div></div>
<div style="clear:left;"></div>
</td>

と成っているのですが、chromeのデベロッパーツールで「要素の検証」から見ても、スタイル定義が見当たりません。

どのようにすれば、ラジオボタンの横表示が出来ますでしょうか?

環境情報は以下に成ります。

# concrete5 Version
5.6.3.2

# concrete5 Packages
Page List+ (5.6.0.0.0.5.7), SuperMint Theme (2.0.7.2), tomoacの機能拡張フォーム - Version 0.9.8.12 (0.9.8.12).

# concrete5 Overrides
blocks/colum_title, blocks/message, blocks/icon_body, blocks/image_fig, blocks/bg_gray, blocks/colum_sepalator, blocks/colum_title_ii, blocks/contact_btn, blocks/gray_back, blocks/telbox, blocks/photo_slider_small, blocks/recruit_top, blocks/emproyee_info, blocks/photo_slider_big, languages/ja_JP

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off

# Server Software
Apache/2.4.6 (CentOS) PHP/5.4.16

# Server API
apache2handler

# PHP Version
5.4.16


以上、宜しくお願いします。

タグ:

Re: 「tomoacの機能拡張フォーム」(有償版)で、ラジオボタンの横表示が効かない

2015年3月18日 at 7:01
radioareaというクラス名が付けてありますので、例えば以下のように指定してください。

/packages/form_tomoac/blocks/form_tomoac//view.cssの後ろの方に、

.radioarea {
float:left;
}

テーマによって動作が効かないことがあるので、次期バージョンから縦横のオプションは廃止します。CSSでの指定にする予定です。
 

Re: 「tomoacの機能拡張フォーム」(有償版)で、ラジオボタンの横表示が効かない

2015年3月18日 at 8:35
tomacさん、ご回答ありがとうございました。

テーマによって動作が効かない

まさに、これでした、SuperMintのCSSで

label {
display: block;
margin-bottom: 5px;
}

と、タイプセレクタが指定されていました。
ご教示頂いた、classセレクタでスタイルを指定してあげれば、スタイルが効きそうですが、
実際には、タイプセレクタの方が優先されてしまう(classセレクタより、タイプセレクタが優先される理由は不明)ので、
別途、外部cssで、タイプセレクタでスタイルを指定してみようと思います。