* '비주얼탭'이란?

​각각의 탭 메뉴가 있고, 탭메뉴를 클릭했을때 아래의 화면이 탭에 맞게 변경되는 기능입니다. 




* 비주얼탭 사용방법

1. 비주얼 탭을 사용할 페이지에서 페이지 편집화면으로 이동해주세요. 

   페이지편집 화면의 우측에 있는 아이콘을 클릭해주세요.(하단 이미지 참고)

   

 


2. 검색바에 '비주얼탭'을 입력하시고 검색해주세요.

   검색목록 중 "c.비주얼탭"의 복사버튼을 클릭해주세요.

   



3. 템플릿 복사 화면에서 필요하신 템플릿을 선택해주세요. 

   선택하셨다면 템플릿을 감싸는 D버튼을 클릭 > 복사 클릭하여 템플릿을 복사해주세요.

   



4. 복사한 템플릿을 원하시는 위치에 '붙여넣기'해주세요.

(DIV 복사, 붙여넣기, 이동 매뉴얼 링크안내 :https://bos.kr/kwa-manual_v-1695)


5. 필요에 맞게 비주얼탭을 수정해서 사용해주세요. 





* 비주얼탭 구조

​편집화면에서의 구조와 실제화면에서 어떻게 보이는지에 대한 설명입니다. 


① 비주얼탭의 제목

② 비주얼탭의 각 버튼

③ 비주얼탭의 버튼을 클릭했을시, 나오는 내용 부분



버튼과 내용을 감싸는 DIV에 각각의 내용을 연결해주는 변수가 들어있습니다. 

버튼과 DIV의 변수가 동일해야 버튼을 클릭했을시에 연결된 내용이 올바르게 나옵니다.

확인하셔서 작업해주세요. 

②버튼

③내용 



 

※ 참고사항

비주얼탭에 대한 디자인 문의는 받지 않습니다.

원하시는 디자인이 있으실 경우 시안과 함께 작업의뢰(https://bos.kr/kwa-expert)에 문의해주세요.