2015-01-21 2 views
0

모델 클립 보드에 로고 클립을 부착하여 잘 작동하지만 브라우즈 버튼을 사용자 정의하고 싶습니다. 일부 클래스를 적용하고 텍스트를 'BROWSE ..'에서 ' 로고 추가 '. 어떻게해야합니까? 이 줄에서 무엇을 변경해야합니까?종이 클립 찾아보기 버튼 사용자 정의

<%= f.file_field :logo, class: "button btn-sm text-center" %> 

답변

1

"찾아보기"버튼은 기본적으로 브라우저에 기본 설정되어 있습니다. 해당 설정을 사용자 정의하려면 다음을 시도하십시오.

boostrap-filestyle.js 파일을 받으십시오. 장소 이것은 당신의 응용 프로그램/자산/자바 스크립트 폴더에 파일을 JS하고 당신의 application.js에서 필요로 표시하여보기에

//= require bootstrap-filestyle 

다음이 시도 :

<%= f.file_field :banner, class: 'filestyle', 
     :'data-classButton' => 'btn btn-primary', 
     :'data-input' => 'false', classIcon: 'icon-plus', 
     :'data-buttonText' => 'Your label here' %> 

는 희망이 도움이 :)

+0

놀라워요. 제발 도와주세요.이 버튼을 숨기고 작은 미리보기를 원한다면 어떻게 할 수 있습니까? –

+0

죄송합니다. 찾지 못했습니다. "작은 prview"는 무엇을 의미합니까? – Ajay

+0

미리보기를 잊어 버렸습니다. 어떻게 단추를 숨길 수 있습니까 ?? –