토론방

전송폼 입력항목 줄바꾸기

.

위처럼 입력항목을 복수선택시 옆으로가 아닌 한줄아래에 한칸씩 나열할수 없나요? <br>을 사용해도 입력항목마다 한칸씩 내려가지 않습니다.

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 배**영 2016-12-21

    먼저 입력항목 하는곳에서 속성을 한개 지정을 합니다. 현재 맞춤폼은 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가 적용됩니다.

댓글작성

열기 닫기

댓글작성
top