페이지 로딩 시 팝업 보여주기 기능을 사용하는 방법 > 지식 쉐어링

본문 바로가기

Forguncy

지식 쉐어링

빌더지식 페이지 로딩 시 팝업 보여주기 기능을 사용하는 방법

페이지 정보

작성자 GCK싸이먼 작성일 22-05-13 16:28 조회 14회 댓글 0건

본문

안녕하세요? GCK싸이먼입니다. 


페이지 로딩 시 페이지 내의 조건을 확인하여 팝업을 보여주는 방법을 예시를 들어 설명해 드리겠습니다. 


1. 팝업으로 보여줄 새 페이지를 만듭니다.

 5466a49c150490273ab0259abdc492f6_1652426832_5747.png 


2. 새로 만든 페이지를 아래와 같이 자유롭게 디자인합니다.

5466a49c150490273ab0259abdc492f6_1652426846_4539.png 


3. 팝업 페이지를 호출할 기존 페이지에 돌아와 아래와 같이 조건을 작성합니다. 오늘 날짜와 종료 날짜를 비교하여 종료 날짜 이전에는 Open을 출력하고, 종료 날짜 이후에는 Close를 출력하는 조건식입니다.

5466a49c150490273ab0259abdc492f6_1652426852_8371.png 


4. 조건을 작성한 열들을 선택하여 숨기기 처리를 합니다.

5466a49c150490273ab0259abdc492f6_1652426866_9727.png
 


5. 페이지 로딩 시 명령 편집 기능을 열어 조건문 만들기 명령을 선택합니다. 안의 조건을 아래와 같이 작성합니다.

1) 새 조건을 추가하여 열을 3. 에서 작성한 조건식이 있는 셀 주소를 입력합니다. 그리고 값은 Open, 연산자는 같음을 선택합니다.

5466a49c150490273ab0259abdc492f6_1652426873_9286.png


2) IF 아래 명령 없음을 선택하여 팝업 보여주기 명령으로 선택합니다. 1.에서 팝업으로 보여주기 위해 생성했던 페이지2를 선택하고, 팝업 창을 닫을 수 있도록 제목 표시줄이 있는 창 표시를 선택합니다.

5466a49c150490273ab0259abdc492f6_1652426884_4585.png


6. Forguncy 프로젝트를 웹 브라우저로 실행합니다. 3. 에서 작성한 조건을 만족한다면 아래와 같은 팝업을 보실 수 있습니다.

5466a49c150490273ab0259abdc492f6_1652426893_3016.png 



궁금하신 사항들은 언제든 그레이프시티 Q&A 게시판에 남겨주십시오. 최선을 다해 설명 드리겠습니다. 

감사합니다.



Simon 드림.



【 포건시 소개 】 

포건시는 전문적인 웹개발 코딩을 하지 않아도 누구든지 본인의 아이디어를 구현할 수 있도록

쉽고 간결한 UI와 개발 방식을 제공하는 No Code 도구입니다.


1. 포건시 공식 홈페이지 - https://www.grapecity.co.kr/solutions/forguncy
2. 포건시 데모 포탈 - https://www.forguncy.co.kr/

3. 포건시 사용자 매뉴얼 (개편 중) - https://forguncy-korea.github.io/

4. 문의하기 게시판 - https://dev.grapecity.co.kr/bbs/write.php?w=u&bo_table=forguncy_qna

  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
그레이프시티 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2022 GrapeCity inc.