위젯 복제

기존 위젯을 복제하고 편집하여 기존 코드를 활용합니다.

시작하기 전에

필요한 역할: admin 또는 sp_admin

이 태스크 정보

주:

기본 시스템 위젯은 읽기 전용이므로 향후 업데이트에서 이점을 얻을 수 있습니다. 변경을 수행하려면 기본 시스템 위젯을 복제할 수 있습니다. 그러나 복제된 위젯은 사용자 지정으로 간주되어 복제된 원래 위젯에 대한 향후 업데이트에서는 이점을 얻지 못합니다.

프로시저

1. 서비스 포털 구성 페이지에서 위젯 편집기를 연 다음 위젯 선택 목록에서 기존 위젯을 선택합니다.
   예를 들어 Hello World 2를 선택합니다.
2. 위젯 헤더의 목록 메뉴에서 "Hello World 2" 복제를 클릭합니다.

   그림 1. 위젯 복제

   

3. 복제된 위젯의 이름을 입력합니다.
   위젯 ID는 위젯 이름에 따라 자동으로 생성됩니다.
4. 옵션: 테스트 페이지 만들기를 선택하여 위젯이 포함된 페이지를 자동으로 만듭니다.
5. 확인란을 사용하여 필요에 따라 위젯 편집기의 다양한 구성요소를 표시하거나 숨깁니다.

   HTML 템플릿, CSS, 클라이언트 스크립트, 서버 스크립트 또는 링크 함수를 변경합니다.

   그림 2. Hello World 2 클론

   

6. 위젯의 미리 보기를 활성화하려면 메뉴에서 Enable Preview(미리 보기 활성화 )를 사용합니다.
   표시되는 눈 아이콘을 사용하여 위젯의 미리 보기를 표시하거나 숨깁니다.

다음에 수행할 작업

Angular ng-template을 사용하는 위젯을 복제하는 경우 템플릿을 수동으로 복제하고 위젯에서 템플릿 참조의 이름을 변경해야 합니다.

예를 들어 헤더 메뉴 위젯은 Angular ng-template menuTemplate을 사용합니다. 헤더 메뉴 위젯을 복제하는 경우 menuTemplate 도 복제하고 복제본에 고유한 이름을 지정해야 합니다. 헤더 메뉴 위젯의 복제본을 열면 HTML에서 menuTemplate에 대한 참조를 볼 수 있습니다.

그림 3. 머리글 위젯 HTML의 메뉴 템플릿