기본 설문조사 컴포넌트엔 문제가 하나 있습니다

 

넓이가 고정되어 있기 때문에 반응형에 맞지 않고, 모바일에서 보게 되면 옆으로 삐져나와서 레이아웃이 깨집니다.

 

그래서 넓이를 width에서 max-width로 바꿔줘야 자연스럽게 보입니다.

 

(넓이값을 빼주면 딱 글씨 넓이만큼 나오는데, 그러면 매우 찌그러져서 세로로 홀쭉하게 보이므로 못생깁니다.

 

항상 넓이 100%로 출력되게 할 수도 있는데, 그것 또한 디자인적으로 볼때 별로 안 좋습니다.)

 

modules/editor/components/poll_maker로 들어가서 poll_maker.class.php를 연 다음

 

코어 버전 1.8.14 기준으로 line 55쯤 보면 $style = sprintf('width:%dpx', $width); 라는 부분이 있습니다.

 

이걸 $style = sprintf('max-width:%dpx', $width); 로 바꿔줍니다.

 

(최대 넓이값을 바꾸려면 위에 if(!$width) $width = 400; 이 부분을 다른 숫자로 바꿔줍니다.)

 

 

 

사실 별거 아닌 팁인데 굳이 올리는 이유는 두 가지가 있는데

 

우선 첫번째로는 제가 이걸 수정하려다가 뭔가 착각해서 삽질하는 바람에 이거 찾는데 한참 걸렸습니다.

 

물론 인터넷에 찾아봐도 이것에 대해서는 안 나오더군요.

 

그래서 저같은 초보분들이면 충분히 모를 수 있겠다고 생각해서 올립니다.

 

그리고 두번째로는, 설문조사 컴포넌트에 저러한 문제가 분명히 존재하는데 따로 언급된 곳이 없더군요.

 

위에 써놨듯이 인터넷 찾아봐도 딱히 나오는게 없었습니다.

 

그래서 이런 문제가 있고 이렇게 수정해야 한다는걸 아시라고 올려봅니다.

 

 

 

 

 

 

+ 보너스: 설문조사 종료일 기본값 바꾸는법

 

기본적으로 설문조사 종료일은 일주일로 설정되어 있습니다.

 

근데 이게 하루에 몇페이지씩 글이 올라오는 커뮤니티일 경우엔 너무 길다는 문제가 있습니다.

 

물론 올릴때 따로 조절하면 되지만 귀찮은데다, 현재 설문조사 컴포넌트에는 "달력이 이중으로 뜨는" 버그가 있습니다.

 

(무슨 말인지는 아래 스샷으로 설명하겠습니다. 스샷처럼 달력이 저렇게 두번 떠서 두번 클릭해야 합니다.

 

원인은 모르겠고 솔직히 귀찮아서 해결방법도 딱히 안 알아봤습니다. 혹시 다른분들 아시면 추가해주세요)

 

그래서 그냥 기본값을 3일 정도로 바꾸는게 좋을 수도 있습니다.

 

상기 폴더/tpl로 들어면 popup.html이라는 파일이 있는데

 

21~22번째 줄에 보면

 

    <input type="hidden" name="stop_date" id="stop_date" value="{date('Ymd',time()+60*60*24*7)}" />
    <input type="date" class="inputDate" value="{date('Y-m-d',time()+60*60*24*7)}" />

 

이런 부분이 있습니다.

 

여기서 60*60*24*7 의 마지막 "7"을 다른 숫자로 바꿔주면 됩니다. (예: 3일로 하고 싶으면 3으로 변경)

 

 

 

 

 

스크린샷(94).png

 

스크린샷(95).png

 

  • ?
    아.. 너무 좋은 팁이에요. 감사합니다.