애니빌드.LAB
토론방
전송폼 입력항목 줄바꾸기
- :**horex1
- 2016-12-20 19:54:13
- hit4576
- http://wdev.anybuild.co.kr/bbs/qna/6563
. 
위처럼 입력항목을 복수선택시 옆으로가 아닌 한줄아래에 한칸씩 나열할수 없나요? <br>을 사용해도 입력항목마다 한칸씩 내려가지 않습니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
먼저 입력항목 하는곳에서 속성을 한개 지정을 합니다. 현재 맞춤폼은 data-block="label-block" 이라는 속성을 추가합니다.
그러고 디자인 관리에서 아래의 foreach로 출력하고 있는 부분을 수정을 합니다.
<!--@foreach($v[fields] as $k2 => $v2)-->
<dt>{$v2[fieldName]} <i cond="$v2[fieldImportant]==1">*</i></dt>
<dd>{$v2[fieldTag]} <p class="mobile-A-info">{$v2[fieldComment]}</p></dd>
<!--@end-->
아래와 같이 변경합니다.
<!--@foreach($v[fields] as $k2 => $v2)-->
<dt>{$v2[fieldName]} <i cond="$v2[fieldImportant]==1">*</i></dt>
{@
$block_chk="";
if(preg_match("/label-block/", $v2[fieldTag])){ $v2[fieldTag] 값에 "label-block"이 있는지 확인을 하고 해당 값이 있으면 $block_chk에 "on"이라는 값을 넣어서 아래의 dd태그에 class="label-block"을 활성화 합니다.
$block_chk="on";
}
@}
<dd class="label-block"|cond="$block_chk=='on'">{$v2[fieldTag]} <p class="mobile-A-info">{$v2[fieldComment]}</p></dd>
<!--@end-->
소스를 변경하고 출력창을 보시면 아래와 같이 dd에 class가 적용됩니다.
dd에 클래스가 붙으면 아래와 같이 css를 적용해 줍니다.
.label-block label{display:block !important;}
참고) 현재 label에는 instyle로 display:inline-block;이 적용되어 있기때문에 !important를 꼭 붙여주셔야 해당 css가 적용됩니다.