웹 페이지 스크립트 구성 요소

웹 페이지 구성 요소는 호스팅된 웹 페이지를 스크립트 페이지에 포함합니다. 런타임에 지정된 페이지는 스크립트 페이지와 함께 로드됩니다.

중요한:

  • 참조된 웹사이트는 다른 도메인의 페이지에 페이지를 포함할 수 있어야 합니다. 즉, 설정해야 합니다. x-프레임 옵션 웹 서버에서 다른 도메인이 iframe 태그 내부에 페이지를 표시할 수 있도록 합니다. 그렇지 않으면 웹 페이지 구성 요소가 URL을 표시할 수 없습니다.

  • 당신은 사용해야합니다 보안 HTTP URL을 지정할 때(http:// 대신 https://).

  1. 구성요소 도구 모음에서 웹 페이지 .

  2. 확장 흔한 속성 패널에서 그룹. 그런 다음 웹 페이지의 정규화된 URL을 웹 페이지 소스 상자. 선택적으로 값에 URL이 포함된 문자열 변수를 선택합니다.

    예를 들어:

    https://www.usps.com/

    URL이 유효한지 확인할 수 있도록 페이지가 즉시 로드됩니다. 미리보기 모드를 선택할 필요가 없습니다.

  3. 구성 요소의 다른 속성을 설정합니다.

    공통

    웹 페이지 소스는 웹 페이지 구성 요소 내부에 포함할 웹 페이지의 URL을 설정합니다. 웹 페이지의 URL을 입력하거나 변수를 사용하여 구성 요소에 URL을 전달할 수 있습니다. 예를 들어:

    https://help.mypurecloud.com

    유효한 URL이 입력되면 웹 페이지 구성 요소가 페이지를 즉시 표시합니다.

    URL은 다음으로 시작해야 합니다. https://. 원격 서버가 보안 http 프로토콜을 지원하지 않는 경우 웹 페이지 구성 요소는 해당 서버의 페이지를 표시할 수 없습니다.

    레이아웃

    크기 조정에 영향을 주는 가중치를 사용하여 너비를 고정 크기로 구성하고, 콘텐츠를 표시하기 위해 필요에 따라 늘리거나, 다른 구성 요소에 비해 가능한 한 많은 공간을 사용합니다.

    환경 설명
    스크립트 레이아웃 자동 크기 조정 자동 크기 조정은 구성 요소가 내용에 따라 줄어들거나 커지도록 구성합니다. 예를 들어, 레이블의 너비는 포함된 텍스트의 양에 따라 커질 수 있습니다.
    설정-사이징-스트레치

    Stretch를 사용하면 가중치를 사용하여 크기 조정에 영향을 주어 구성 요소가 다른 구성 요소에 비해 가능한 한 많은 공간을 사용할 수 있습니다.

    두 구성 요소가 모두 늘이도록 설정된 경우 기본적으로 둘 다 남은 공간의 50%가 할당됩니다. 이 비율은 가중치 값을 변경하여 조정할 수 있습니다.

    예를 들어, 한 구성요소를 가중치 200으로 설정하고 다른 구성요소를 가중치 100으로 설정하면 첫 번째 구성요소는 나머지 공간의 2/3를 차지하는 반면 다른 구성요소는 1/3만 차지합니다. 첫 번째 구성 요소의 가중치는 두 번째 구성 요소의 가중치의 두 배이기 때문에 첫 번째 구성 요소는 다른 구성 요소의 두 배 크기로 나타납니다.

    스크립트 레이아웃 픽셀 픽셀 단위로 고정 크기를 설정합니다. 상자에 정수 값을 입력하거나 위쪽 또는 아래쪽 화살표를 사용하여 크기를 늘리거나 줄일 수 있습니다. 이 화살표는 구성 요소에 포커스가 있을 때 표시됩니다.

    크기 조정에 영향을 미치는 가중치를 사용하여 높이를 고정된 크기로 구성하고, 콘텐츠를 표시하기 위해 필요에 따라 늘리거나, 다른 구성 요소에 비해 가능한 한 많은 공간을 사용합니다.

    환경 설명
    스크립트 레이아웃 자동 크기 조정 높이 자동 크기 조정은 구성 요소가 내용에 따라 줄어들거나 커지도록 구성합니다.
    스크립트 레이아웃 픽셀 높이 픽셀 단위로 고정 크기를 설정합니다. 상자에 정수 값을 입력하거나 위쪽 또는 아래쪽 화살표를 사용하여 크기를 늘리거나 줄일 수 있습니다. 이 화살표는 구성 요소에 포커스가 있을 때 표시됩니다.
    설정-사이징-스트레치

    Stretch를 사용하면 가중치를 사용하여 크기 조정에 영향을 주어 구성 요소가 다른 구성 요소에 비해 가능한 한 많은 공간을 사용할 수 있습니다.

    두 구성 요소가 모두 늘이도록 설정된 경우 기본적으로 둘 다 남은 공간의 50%가 할당됩니다. 이 비율은 가중치 값을 변경하여 조정할 수 있습니다.

    예를 들어, 한 구성요소를 가중치 200으로 설정하고 다른 구성요소를 가중치 100으로 설정하면 첫 번째 구성요소는 나머지 공간의 2/3를 차지하는 반면 다른 구성요소는 1/3만 차지합니다. 첫 번째 구성 요소의 가중치는 두 번째 구성 요소의 가중치의 두 배이기 때문에 첫 번째 구성 요소는 다른 구성 요소의 두 배 크기로 나타납니다.

    상위 컨테이너를 기준으로 구성 요소를 왼쪽, 오른쪽 또는 중앙에 정렬합니다.

    팁: 상위 컨테이너의 높이 설정이 다음과 같으면 구성 요소를 중앙에 수직으로 정렬할 수 없습니다 자동 크기 조정. 이를 수정하려면 상위 컨테이너의 높이를 다음으로 설정하십시오. 뻗기 또는 고정 높이로 픽셀.
    환경
    왼쪽 정렬2 왼쪽 정렬 예시2
    align-center2 align-center-example2
    오른쪽 정렬2 오른쪽 정렬 example2
    정렬 시작 정렬 시작 예
    align-vertical-center align-vertical-center-example
    align-vertical-end align-vertical-end-example

    여백은 테두리 주위의 왼쪽, 오른쪽, 위쪽 및 아래쪽 간격을 설정합니다.

    이미지는 여백, 테두리 및 패딩 설정 간의 관계를 보여줍니다.

    1. 선택적으로 모든 여백 값을 한 번에 업데이트하려면 모두 설정 속성 패널에서 여백 버튼.

      모두 설정 버튼의 이미지

    2. 여백에 대한 값 필드를 클릭합니다. 해당 필드에 스핀 컨트롤이 나타납니다.

    3. 스핀 컨트롤을 사용하여 여백을 늘리거나 줄입니다. 만약에 모두 설정 를 선택하면 변경 사항이 모든 여백에 적용됩니다.

      설정 여백 스피너

      구성 요소는 새 여백 설정을 사용하여 즉시 재배치됩니다.

    부울(True 또는 False) 변수 값을 기반으로 구성요소의 가시성을 설정합니다.

    1. 클릭 형세 속성 그룹. 표시 아래에서 변수 선택.
    2. 변수를 선택하거나 선택적으로 새 예/아니오 변수를 만든 다음 해당 새 변수를 보이는 재산.
    3. 런타임 시 변수 값이 True일 때 구성 요소가 표시됩니다. 반대로 변수 값이 다음과 같을 때 숨겨집니다. 거짓.

    고급

    웹 페이지 소스는 웹 페이지 구성 요소 내부에 포함할 웹 페이지의 URL을 설정합니다. 웹 페이지의 URL을 입력하거나 변수를 사용하여 구성 요소에 URL을 전달할 수 있습니다. 예를 들어:

    https://help.mypurecloud.com

    유효한 URL이 입력되면 웹 페이지 구성 요소가 페이지를 즉시 표시합니다.

    URL은 다음으로 시작해야 합니다. https://. 원격 서버가 보안 http 프로토콜을 지원하지 않는 경우 웹 페이지 구성 요소는 해당 서버의 페이지를 표시할 수 없습니다.