iframe 구성 요소 재구성
URL이 Visualforce 페이지의 인라인 프레임(iframe)에 표시될 경우 Lightning Experience에서 오류를 유발할 수 있습니다. 때때로 URL이 원하는 것과 다르게 표시되거나 전체 페이지가 Lightning Experience에 로드되지 않을 수 있습니다. 대부분의 iframe은 Lightning Experience에서 Visualforce와 호환됩니다. 그러나 Lightning Experience에서 Visualforce 페이지를 미리 보고 결과가 마음에 들지 않을 경우 일반적으로 이를 수정할 수 있습니다.
필수 Edition
| 지원 제품: Group, Professional, Enterprise, Performance, Unlimited 및 Developer Edition |
| 필요한 사용자 권한 | |
|---|---|
| Visualforce 페이지 만들기, 편집 또는 삭제: | 응용 프로그램 사용자 정의 |
| Lightning 앱 빌더에서 Lightning 페이지 만들기 및 저장: | 응용 프로그램 사용자 정의 |
| 사용자 정의 탭 만들기 및 편집 | 응용 프로그램 사용자 정의 |
-
Visualforce 코드에서 iframe을 찾습니다.
- 설정에서 빠른 찾기 상자에 Visualforce를 입력한 후 Visualforce 페이지를 선택합니다.
- Visualforce 페이지 옆에 있는 편집을 클릭합니다.
- 각각의 apex:iframe, iframe, apex:canvasApp에 대해 Visualforce 마크업을 검색합니다.
노트 개별적으로 찾은 각 인스턴스를 해결합니다. - apex:canvasApp의 인스턴스를 찾을 경우 UI에서 사용할 수 있도록 이러한 다른 옵션을 탐색합니다.
-
apex:iframe 또는 iframe의 인스턴스를 찾을 경우 iframe의 소스를 찾습니다.
- 이 소스는 src=의 뒤에서 찾을 수 있습니다. $Page가 표시되면 iframe이 다른 Visualforce 페이지를 참조하고 있는 것입니다. 그렇지 않을 경우, 이 소스는 URL입니다.
<apex:iframe src="{!$Page.AccountListView}"/> <iframe src="https://salesforce.com"/> -
iframe의 소스가 URL일 경우 iframe 대신 사용자 정의 웹 탭을 사용합니다.
- URL을 확인합니다. Visualforce 마크업을 보고 src= 다음에 오는 URL을 찾습니다.
-
마크업에서 iframe에 대한 참조를 제거합니다. 소스 URL을 복사해야 합니다.
<apex:iframe src="https://www.salesforce.com"/> - 변경 사항을 저장합니다.
- 이러한 지침에 따라 Visualforce 페이지의 iframe에서 복사한 것과 동일한 URL을 사용합니다.
-
iframe의 소스가 다른 Visualforce 페이지에 있는 경우 Lightning 보고서 페이지를 만들어 두 Visualforce 페이지를 따로 표시합니다.
- Visualforce 페이지를 식별합니다. Visualforce 마크업을 보고 src=”$Page 다음에 오는 페이지 이름을 찾습니다.
-
마크업에서 iframe에 대한 참조를 제거합니다. iframe의 Visualforce 페이지를 기록해야 합니다.
<apex:iframe src="{!$Page.AccountListView}"/> -
편집을 클릭하여 각 Visualforce 페이지의 속성으로 이동합니다. Lightning Experience, 익스피리언스 빌더 사이트, 모바일에 사용 가능 확인란을 선택합니다. 두 Visualforce 페이지(원래 페이지와 iframe에 포함된 페이지)의 확인란을 선택합니다.
- Lightning 앱 빌더를 사용하여 2개의 Visualforce 구성 요소를 캔버스로 끌어다 놓습니다.
- 레코드 페이지를 저장하고 활성화합니다.
이 기사를 통해 문제를 해결했습니까?
개선을 위한 의견을 보내주세요.
