! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

엘리먼트UI>탭 헤더 사용 가이드 문의 > Q&A | 토론

본문 바로가기

Builder빌더 엘리먼트UI>탭 헤더 사용 가이드 문의

페이지 정보

작성자 써니 작성일 2023-07-12 21:08 조회 369회 댓글 1건
제품 버전 : 9
컨트롤 이름 : 엘리먼트UI>탭 헤더

본문

페이지 내 탭 헤더 삽입하여 구현하고자 합니다.

페이지 내 적용 하고, 탭 항목 편집까지는 했는데

아래 보여지는 화면들을 어떻게 설정하면 되는지 방법을 모르겠습니다.

관련 가이드문서나 유투브 영상이 있을까요?



 

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

sobi님의 댓글

sobi 작성일

제 짧은 소견으로는 명령어 행과 열 레이아웃 설정 명령으로 숨기기, 보이기로 하시면 될거 같습니다.
항목당 내용들을 일단 각 행에 쓰신 후 오른쪽 페이지 설정 -> 페이지 로딩 시 처리 명령 편집에 행 항목2, 3에 대한 행을 숨기시거나 이 명령어를 쓰지 않으실 경우, 항목2, 3에 대한 행을 숨김으로 미리 처리 하십니다.
다음 항목 1의 명령어에 그외 기능 -> 행과 열 레이아웃 설정 명령으로 항목 1 관련 행은 보이기로 항목2과 3 행은 감추기로 하시면 될거 같습니다. 항목 2과 3도 이 명령어를 쓰시면 구현이 가능할 것으로 예상됩니다.

1 답변

Builder빌더 Re: 엘리먼트UI>탭 헤더 사용 가이드 문의

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK낸시 작성일 2023-07-13 13:30 댓글 0건

본문

첨부파일

안녕하세요. 그레이프시티입니다. 


탭헤더 사용방법에 대해 문의하셨는데요.


탭헤더는 페이지 내 탭 방식 셀과 함께 사용하여야 합니다.


아래 사용방법을 확인 하기기 바랍니다.


1. 페이지 내 탭 방식 셀을 선택합니다. 

11a33d18f60b3032fe4d1818a12c1387_1689221812_8078.png
 

2. 1번에서 설정한 셀을 선택한 후, 셀유형의 탭에서 이동할 페이지들을 설정합니다. 

11a33d18f60b3032fe4d1818a12c1387_1689221989_0444.png
 

3. 셀영역을 지정한 후, 탭 헤더 셀을 선택합니다.

    셀유형에서 탭 항목 편집을 클릭합니다.

    탭 항목 편집창에서 탭 항목 편집을 아래와 같이 편집합니다.

    참고로 값은 항목인덱스를 의미합니다. 

  11a33d18f60b3032fe4d1818a12c1387_1689222194_4801.png


4. 클릭명령편집을 클릭하여 명령창에서 아래와 같이 설정합니다. 

   - 명령 선택 : 셀 유형 작동 명령 

   - 대상 셀 유형 : =D4   (1번에서 설정한 페이지 내 탭 방식 셀)

   - 작동 : 활성 탭 번호 설정 

   - 활성 탭 번호 : 오른쪽 셀버튼을 클릭하여 명령창에서 "항목인덱스" 선택

11a33d18f60b3032fe4d1818a12c1387_1689222398_9203.png
 

5. 실행을 한 후, 탭 헤더를 클릭하면 페이지가 이동합니다. 


샘플 프로젝트를 첨부하오니 참고하시기 바랍니다.


그리고 엘리먼트 UI 사용 가이드는 현재 작성 중에 있습니다. 


양해 부탁드립니다.


감사합니다.


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.