sourcetip

CSS 클래스를 <%=f.cisco %>에 추가합니다.

fileupload 2023. 8. 6. 10:16
반응형

CSS 클래스를 <%=f.cisco %>에 추가합니다.

제 질문은 간단합니다.

<%= f.submit %>

수업 선언문은 어디로 갑니까?여러 번 시도할 때 오류가 발생합니다.

<%= f.submit 'name of button here', :class => 'submit_class_name_here' %>

이거면 되겠군.오류가 발생하면 이름을 제공하지 않을 수 있습니다.

또는 클래스 없이 단추에 스타일을 지정할 수 있습니다.

form#form_id_here input[type=submit]

그것도 한번 해보세요.

다음을 수행하여 양식의 제출 단추에 클래스 선언을 추가할 수 있습니다.

<%= f.submit class: 'btn btn-default' %><-- 참고: 쉼표가 없습니다!

비계의 _form.html.erb 부분을 변경하는 경우 컨트롤러 작업 간에 버튼 이름의 동적 변경을 유지하려면 이름을 지정하지 마십시오.'name'.

이름을 지정하지 않고 폼이 렌더링되는 동작에 따라 버튼이 다음을 얻습니다..class = "btn btn-default"(부트스트랩 클래스)(또는 기타).class사용자가 지정)의 이름을 사용합니다.

  • model_name 업데이트

  • model_name 생성
    (여기서 model_name 비계의 모델 이름)

레일 4 및 부트스트랩 3 "기본" 버튼

<%= f.submit nil, :class => 'btn btn-primary' %>

다음과 같은 결과를 가져옵니다.

screen-2014-01-22_02.24.26.png

Srdjan Pejic이 말했듯이, 당신은 다음을 사용할 수 있습니다.

<%= f.submit 'name', :class => 'button' %>

또는 다음과 같은 새로운 구문:

<%= f.submit 'name', class: 'button' %>

클래스 키-값 쌍 추가

<%= f.submit "Submit", class: 'btn btn-primary' %>

기본적으로 Rails 4는 'value' 속성을 사용하여 표시되는 버튼 텍스트를 제어하므로 마크업을 깨끗하게 유지할 수 있습니다.

<%= f.submit :value => "Visible Button Text", :class => 'class_name' %>

그들 둘 다 작동합니다.<%= f.submit class: "btn btn-primary" %>그리고.<%= f.submit "Name of Button", class: "btn btn-primary "%>

언급URL : https://stackoverflow.com/questions/5315967/add-a-css-class-to-f-submit

반응형