UI 빌더에서 팝오버 생성

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 1분
  • UI 빌더 페이지에서 팝오버를 사용하여 상황별 정보 또는 기능을 오버레이하여 사용자가 작업을 완료하는 데 도움을 줍니다.

    팝오버는 페이지 위에 UI 빌더 나타나는 작은 창 또는 대화 상자이며 당면한 콘텐츠 또는 작업과 관련된 추가 정보, 옵션 또는 작업을 포함합니다. 페이지에 모달을 추가하는 것과 같은 방법으로 팝오버에 구성요소를 추가합니다.

    추가 정보가 사용자에게 도움이 된다고 생각되는 페이지의 UI 빌더 어디에나 팝오버를 배치할 수 있습니다. 팝오버는 관련 콘텐츠에 대한 작은 정보 또는 링크를 제공하기 위한 것이므로 팝오버는 사용자가 상호작용할 때만 표시되므로 팝오버 내의 정보나 기능의 양을 제한해야 합니다.

    버튼을 선택하거나 페이지의 일부를 가리킬 때 팝오버가 나타나도록 트리거하는 등 이벤트 매핑을 사용하여 팝오버를 표시하거나 숨길 수 있습니다. 자세한 내용은 맵 이벤트 정의 문서를 참조하십시오.

    그림 1. 정보 팝오버
    추가 정보 팝오버를 표시하기 위해 선택한 도구 설명 텍스트 링크가 있는 페이지입니다.

    페이지에 팝오버 UI 빌더 추가

    에서 팝오버 UI 빌더를 추가하는 방법에 대해 알아봅니다. 팝오버는 구성요소를 클릭할 때 페이지 위에 나타나는 컨테이너입니다. 예를 들어, 목록에서 사람의 이름을 선택할 때 팝오버에 연락처 정보가 표시될 수 있습니다.

    시작하기 전에

    필요한 역할: 관리자

    프로시저

    1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
    2. 선택하여 작업할 경험을 열거나 경험을 생성합니다. 작성 > 경험.
      경험 생성에 대한 자세한 내용은 다음을 참조하십시오 UI 빌더에서 사용자가 애플리케이션과 상호 작용하는 방법 구성 .
    3. 페이지 변형을 열거나 생성합니다.
      에서 페이지를 UI 빌더생성하는 방법에 대한 자세한 내용은 UI 빌더에서 페이지 만들기를 참조하십시오.
    4. 버튼 구성요소와 같이 팝오버를 트리거할 구성요소를 페이지에 추가합니다.
      자세한 내용은 구성요소 추가 및 구성 문서를 참조하십시오.
    5. 구성 패널에서 이벤트 탭을 선택합니다.
    6. + 이벤트 핸들러 추가를 선택합니다.
      버튼 구성요소에 대한 이벤트 핸들러 추가 링크를 가리키는 화살표.
    7. 팝오버 열기를 선택합니다.
    8. 새 팝오버 만들기를 선택합니다.
      새 팝오버 생성 옵션을 가리키는 화살표.
    9. 추가를 선택합니다.
      스테이지 위에 팝오버가 나타납니다.
    10. + 아이콘을 선택하여 팝오버에 구성요소를 추가합니다.
      콘텐츠를 추가하려면 +를 가리키는 화살표.
    11. 팝오버 구성을 마치면 팝오버를 닫습니다.

      컨텐츠 트리에서 생성한 팝오버가 페이지 구조의 본문 위에 위치합니다.

      콘텐츠 트리의 사용자 지정 팝오버를 가리키는 화살표.
    12. 저장을 클릭합니다.
    13. 헤더에서 미리 보기를 선택합니다.UI 빌더
    14. 버튼을 클릭하여 팝오버를 테스트합니다.