2013-01-02 15 views
18

Điều này là ngớ ngẩn, nhưng tôi không thể tìm ra cách tạo kiểu phần tử đầu vào được tạo bởi Rails button_to - và vâng, tôi đã đọc tài liệu lặp đi lặp lại và thử các mẫu.Rails button_to - áp dụng lớp css vào nút

Dưới đây là mã của tôi ERB:

<%= button_to "Claim", action: "claim", idea_id: idea.id, remote: true, class: 'btn btn-small' %> 

Và năng suất này HTML sau:

<form action="/ideas/claim?class=btn+btn-small&amp;idea_id=4&amp;remote=true" class="button_to" method="post"> 
    <div> 
    <input data-remote="true" type="submit" value="Claim"> 
    <input name="authenticity_token" type="hidden" value="pU3umgqrDx3WbalfNK10c9H5B5N4OzPpohs4bWW8mow="> 
    </div> 
</form> 

Trong khi tất cả tôi muốn là chỉ inputclass = "btn btn-small".

Trợ giúp? Cảm ơn bạn!

Trả lời

31

Chữ ký của phương pháp button_to

button_to(name = nil, options = nil, html_options = nil, &block) 

Vì vậy, sử dụng {} để phân biệt optionshtml_options

<%= button_to "Claim", {action: "claim", idea_id: idea.id, remote: true}, {class: 'btn btn-small'} %> 
+2

Tôi càng nghĩ rằng Rails thật tuyệt vời! – Psylone

4

<%= button_to "Claim", {action: "claim", idea_id: idea.id, remote: true}, {form_class: 'form', class: 'btn btn-small'} %>

form_class: lớp đối với hình thức

lớp: lớp cho nút theo mẫu