如何显示两个“f.input”在activeadmin表单页面

form do |f| 
    f.inputs :question do 
     f.input :id, :as => :hidden 
     f.input :questionaire_id, :as => :hidden 
     f.input :role, :as => :hidden 
     f.input :question_type 
     f.input :description 
     f.input :option 
     f.input :score 
    end 
    f.actions 
end

一行在上面的形式，如何展现这两个输入如何显示两个“f.input”在activeadmin表单页面

在一行

？任何想法？

来源

2015-02-09 DiuDiugirl

你有没有得到它的工作？ – 2015-02-13 23:29:43

@AndreyDeineko对不起，这么晚了〜 – DiuDiugirl 2015-02-16 01:33:50

只是风采吧：

f.input :option, class: 'your_class' 
f.input :score, class: 'your_class'

在active_admin.css.scss：

.your_class { 
width: 50%; 
}

来源

2015-02-10 18:22:18

我想我得到了答案

首先我们应该检查这个Formtastic::Helpers::InputHelper

据助手：

输入用于呈现单个表单输入（或字段）的所有内容（标签，表单小部件，错误消息，提示等），通常表示表单对象或模型上的单个方法或属性。

内容被包装在一个里标签，因此它通常被称为一个输入块（这使得一个醇一个字段集内部）的内部。

它的选项：wrapper_html可用于覆盖或添加到HTML属性被向下传递到包装李标签

所以我们应该做这样的形式：

form do |f| 
f.inputs :question do 
    f.input :id, :as => :hidden 
    f.input :questionaire_id, :as => :hidden 
    f.input :role, :as => :hidden 
    f.input :question_type 
    f.input :description 
    f.input :option, :wrapper_html => { :class => 'fl' } 
    f.input :score, :wrapper_html => { :class => 'fl' }, :label => false 
end 
f.actions 
end

：label => false可以禁用表单输入的标签。

，然后指定在CSS文件中的类'FL'（我刚刚从Include two inputs in same LI element in Formtastic在active_admin.css.scss添加下面的CSS像@Andrey杰伊涅科说）：

form.formtastic fieldset ol li.fl {display:inline;}

然后我们有两个在同一行输入〜希望这会有所帮助〜

来源

2015-02-16 01:33:11 DiuDiugirl

如何显示两个“f.input”在activeadmin表单页面

回答

相关问题