Extra Form
PHP PHP 7.4
CMS Rhymix 2.0

안녕하세요.

 

여기서 확장변수 관련한 글이란 글은 모두 검색해 봤지만,

제가 원하는 내용이 없어서, 염치 불구하고 질문을 올려봅니다.

 

첨부이미지와 같이 게시판에서 확장변수 2가지를 추가했는데,

상단의 제목 input의 스타일처럼 확장변수에도 적용을 해보려했지만,

도무지 먹히지가 않아서요.

 

개발지식이 거의 없는 상태이다 보니,

여기저기 찾아가면서 작업을 하고 있는데,

확장변수의 스타일을 Extravar.class.php를 건드리지 않고, 

변경할 수 있는 방법이 없을지요?

 

확장변수({$val->getFormHTML()})에 해당하는 게시판의 소스는 아래에 해당하는데요. 

 

<table class="wfs-ex-table" cond="count($extra_keys)" summary="Extra Form">
<!-- {@print_r($extra_keys)} -->
<block loop="$extra_keys=>$key,$val">
<tr eid="{$val->eid}"|cond="is_array($exvar_etc) && in_array($val->eid,$exvar_etc) && $val->type == 'radio'" enum="extra_vars{$val->idx}"|cond="is_array($exvar_etc) && in_array($val->eid,$exvar_etc) && $val->type == 'radio'" eval="{$val->value}"|cond="is_array($exvar_etc) && in_array($val->eid,$exvar_etc) && $val->type == 'radio'">
<th scope="row"><block cond="$val->is_required=='Y'">*</block> {$val->name}</th>
<td>{$val->getFormHTML()}</td>
</tr>
</block>
</table>

 

아래 이미지에서 파란색 박스영역의 제목과 같이 적용하고자 합니다.

그림1.png

 

게시판에서 사용 중인 CSS파일에서 제목 input 등에 적용된 스타일은 아래와 같이 한 상태입니다.

 

  border-width: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #ccc;
  border-radius: 7px;
  background-color: #e5f4f6;
  padding: 0.4rem 0.8rem;
  line-height: 1.5;
  height: 3em;
  font-size: 1em;
  transition: border ease-in-out 0.2s;
  -webkit-transition: border ease-in-out 0.2s;
  -o-transition: border ease-in-out 0.2s;

 

개발지식이 부족해도 CMS로하면 편하게 만들어 볼 수 있는 줄 알았는데,

뭔가 해보려 할때마다, 난관에 부딪히고 있네요...

 

고수님들의 도움을 부탁드립니다.

감사합니다~~

 

 

 

 

 

 

 

  • profile
    확장변수 설정에 따라 input 타입이 text 혹은 number 등등이 나뉘게 됩니다.

    그 부분은 확장변수에 따라 달라지므로 해당 디자인을 입힐려면 wfs-ex-table 이라는 클래스를 기준으로 타겟잡으셔서 수정하시면 되요.

    단순 올려주신 예시코드가 선택자가 없어서 어떻게 잘못하신지 모르겠지만.

    .wfs-ex-table input {
    //글로벌한 설정
    }

    .wfs-ex-table input[type=text] {
    // text 버튼일때 따로 적용할 코드
    }

    등등

    이렇게 나눠서 각각에 맞는 css선택자에 맞는지 확인해보세요.

    다음부터는 링크와함께 남겨주세요.
  • profile
    특정 목적이나 선호를 따라 수정하려다 보면 손이 많이 가기 마련이죠ㅎㅎ

    tr 태그에 eid라는 속성이 있는 것으로 보아 그림 속 두 가지 확장변수의 eid도 알려주시면 추가적인 도움을 얻으실 수 있을 것 같습니다.

    그리고 제목 입력폼처럼 하려면 전화번호 변수는 '한 줄 입력'(text) 형식으로 바꾸시는 게 좋겠습니다.
    전화번호 형식(tel)은 db에 010|@|1234|@|5678 처럼 저장되어 배열로 처리가 되는데요.
    제목 입력폼처럼 값을 받으면 어차피 전화번호 체계에 맞춰 입력값을 파싱해야 하거든요.
    그러니 그냥 변수 자체를 한 줄 형식으로 하는 게 속 편할 수도 있어요.
  • ?
    람보님이 적어주신 [type=text]와 같이 CSS파일에도 적용이 되어는 있는데, 아무래도 다양한 확장변수 타입마다 모두 적용되어 있지는 않은가봅니다. (유료 구매한 게시판 모듈인지라..^^;;;)

    윤삼님 조언에 따라 한줄입력칸으로 바꾸니 제목과 같은 CSS가 바로 적용되서 보여지네요.

    그냥 2가지 확장변수를 한줄입력칸으로 하는 것이 좋을 것 같아요.

    전화번호타입으로 했더니 본문보기에서 전화번호가 010|@|1234|@|5678처럼 보여지는 것도 어찌해야할지 싶었거든요 ^^;

    두 분의 친절한 답변에 감사드립니다.^0^