본문 바로가기
윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)

윅스 (Wix) 코딩 - 버튼 연결 패널 (Working with the Connect Button Panel)

by 라임쥬서(Lime Juicer) 2020. 5. 3.
반응형

윅스 (Wix) 코딩 - 버튼 연결 패널 (Working with the Connect Button Panel)

 

 

 

설명)

 

버튼 요소를 데이터세트에 연결하여 버튼을 클릭할 때 수행할 작업을 정의할 수 있습니다. 컬렉션의 콘텐츠를 사용하여 버튼 라벨을 변경할 수도 있습니다.

 

버튼 연결 패널에 아직없는 경우 버튼 요소를 선택하고 

 데이터 연결 아이콘을 클릭합니다.

 

 

 

 

데이터세트 연결 (Connect a dataset)

드롭다운에서 구글(Google) 지도를 연결할 데이터세트를 선택합니다.

 

 

 

연결 옵션 (Connection Options)

각 연결 옵션에 대해 아래 설명 된대로 기존 데이터베이스 컬렉션 입력란(필드)에 연결할 수도 있고 컬렉션에 새 입력란(필드)를 추가할 수도 있습니다. 드롭다운에서 새 컬렉션 입력란(필드) 추가를 선택한 다음 입력란(필드) 이름과 입력란(필드) 유형을 정의합니다. 그러면 컬렉션에 새 입력란(필드)가 추가되고 자동으로 연결됩니다.

 

 

 

클릭 작업에 연결하기 (Click action connects to)

버튼을 클릭할 때 수행할 작업을 선택합니다.

 

- 데이터세트 작업 (Dataset Actions)

버튼에 대한 데이터세트 작업 옵션은 컬렉션 콘텐츠를 표시하거나 사용자 입력을 캡처하도록 설정된 요소가 페이지에 있을 때 유용합니다. 자세한 내용은 윅스 (Wix) 코딩 - 버튼  이미지를 위한 데이터세트 작업하기 (Working with Dataset Actions for Buttons and Images)를 참조합니다.

 

- 동적 페이지 (Dynamic Pages)

현재 데이터세트 항목이 포함된 동적 항목 또는 카테고리 페이지로 연결합니다.

 

- 입력란(필드) (Fields)

컬렉션의 URL 또는 문서 입력란(필드)에 연결합니다. URL 입력란(필드)에 링크하면 해당 페이지가 새 탭에서 열립니다. 문서 입력란(필드)에 링크하면 해당 입력란(필드)에 저장된 문서가 방문자의 기기에 다운로드됩니다.

 

 

 

앞의 과정이 성공하면, 다음과정으로 넘어갑니다. (When successful, navigate to)

제출 버튼을 설정하면 제출 조치가 완료된 후에 수행할 작업을 정의할 수도 있습니다.

- 이 페이지에 머무르기 (Stay on this page) : 방문자를 현재 페이지에 유지합니다.

- 링크 (A link...) : 방문자를 새로운 위치로 보냅니다. 링크 선택 섹션이 표시됩니다.

- 입력란(필드)(Fields) : 컬렉션의 URL 입력란(필드) (Field)에 연결합니다.

 

링크 선택하기 (Choose a link)

선택을 클릭하여 무엇을 연결하시겠습니까?(What do you want to link to?) 패널을 엽니다.

 

라벨에 연결하기 (Label connects to)

버튼 라벨을 동적으로 변경하려면 버튼 라벨로 사용하려는 내용이 있는 텍스트 입력란(필드)를 컬렉션에서 선택합니다. 그렇지 않으면 라벨이 연결되지 않은 상태로 두어 버튼 설정 패널의 텍스트를 표시합니다.

 

 

연관된 토픽)

윅스 (Wix) 코딩 - 버튼 및 이미지를 위한 데이터세트 작업하기 (Working with Dataset Actions for Buttons and Images)

윅스 (Wix) 코딩 - 페이지 요소와 데이터베이스 콘텐츠 연결하기 (About Connecting Page Elements to Database Content)

 

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

https://support.wix.com/en/article/wix-code-working-with-the-connect-button-panel

 

반응형

댓글