목록 입력 및 표시 우수 사례

Question

사용자가 가입 할 때 설명 할 요일을 선택하는 응용 프로그램이 있습니다. 각 사용자는 해당 날짜에 이메일을 수신할지 여부를 저장하는 mondaysub, tuesdaysub 등 (모든 문자열)을 가지고 있습니다. 몇 가지 다른 이유 때문에, 매일 열거 나하지 않도록 각 열의 표시를 유지해야합니다.

현재 내가 가지고

<% form_for @user do |f| %> 

<h3>Please select the days you would like to recieve a trailer!</h3> 
<%= f.check_box :mondaysub, {}, "t", "f" %> <label>Monday</label> 
<%= f.check_box :tuesdaysub, {}, "t", "f" %> <label>Tuesday</label> 
<%= f.check_box :wednesdaysub, {}, "t", "f" %> <label>Wednesday</label> 
<%= f.check_box :thursdaysub, {}, "t", "f" %> <label>Thursday</label> 
<%= f.check_box :fridaysub, {}, "t", "f" %> <label>Friday</label><br> 
<%= f.check_box :saturdaysub, {}, "t", "f" %> <label>Saturday</label> 
<%= f.check_box :sundaysub, {}, "t", "f" %> <label>Sunday</label><br> 
    <p><%= f.submit "Subscribe Me!" %></p> 
<% end %> 

내 질문은 ... 사용자가 (더 사용자 친화적 다음 검사를 개별 상자에 메일을 수신 할 요일을 선택할 수있는 더 좋은 방법이) 그러나 나는 아직도 그것을 필요로하는 방법으로 저장된 데이터를 얻는다. 또한 사용자가 편집을 위해 돌아 왔을 때 구독 내용을 볼 수 있기를 바랍니다.

감사합니다.

하루를 선택하십시오 당신이 트레일러 받고 싶습니다 : 일에 대해 어떻게

Answer 1

을 갈 수 있어야합니다 당신은 할 수 : UI에서이 문제를 제시하는 방법에 관해서는

<% %w{monday tuesday wednesday thursday friday saturday sunday}.each do |day| %> 
    <%= f.checkbox "#{day}sub".to_sym, {}, "t", "f"%> 
    <label><%= day.camelcase %></label> 
<% end %> 

을 :

체크 박스 아이디어는 켜기/끄기로 전환하는 것이 좋습니다. 원하는대로 스타일을 지정할 수 있지만 페이지로드시 jQuery와 같은 것을 사용하여 확인란을 숨기고 배경의 확인란을 선택/선택 취소하는보다 친숙한 UI를 표시 할 수도 있습니다.

또한 대부분의 사용자 요구를 충족시키는 특정 기본값이 있는지 생각해야합니다. 예를 들어, 대부분의 사용자가 월 - 금을 원할 경우 페이지로드시 선택한 항목을 가질 수 있으며 사용자의 작은 사용자 정의 만 수행해야합니다.

Answer 2

| 드롭 다운을 | 추가 버튼 |

Answer 3

우선이 작업을 수행해야합니다

<%= f.check_box :something %>  
<%= f.label :something %> 

이것은 당신이 체크 박스를 유지하지만 생각하지 않도록 그들을 좋게 누워 가지고 있어야 UI에 관한 라벨과 체크 박스

를 연결합니다 큰 형태처럼.

그렇게하려면 패딩이 당신의 친구입니다. 또한 너무 일부 호버 상태 및 이미지 또는를 추가하고 양식을 정리하려면 :