포털 배너 위젯 추가 및 구성

포털에 포털 배너 위젯을 추가하고 모양과 동작을 수정합니다. 포털 배너 위젯을 사용하여 공지, 새 제품 또는 기능 요약 및 포털 페이지의 중요 정보를 표시할 수 있습니다.

시작하기 전에

고객 포털용 UI 구성요소 플러그인이 활성화되어 있어야 합니다. 자세한 내용은 고객 포털용 UI 구성요소 플러그인 활성화 문서를 참조하십시오.

위젯을 추가할 페이지를 아직 생성하지 않은 경우 다음 문서를 참조하십시오 구성 가능 포털 위젯용 페이지 생성.

필요한 역할: sp_admin

이 태스크 정보

프로시저

1. 다음으로 이동합니다. 모두 > 서비스 포털 > 서비스 포털 구성.
2. 디자이너를 선택합니다.
3. 서비스 포털 디자이너 페이지에서 위젯을 추가할 페이지를 검색하고 선택합니다.
4. 컨테이너를 추가합니다.
   1. 위젯 탭을 선택합니다.
   2. 레이아웃 섹션에서 컨테이너 레이아웃을 포털 편집 페이지로 끌어옵니다.
   3. 컨테이너에서 연필 아이콘()을 선택합니다.
   4. 너비 필드에서 유체를 선택합니다.
   5. 저장을 선택합니다.
5. 컨테이너에 열을 추가합니다.
   1. 컨테이너에서 더하기 버튼()을 선택하여 열 집합을 추가합니다.
   2. 열에서 페이지 속성 편집 아이콘()을 선택합니다.
      주:

      이동 경로 탐색에서 열 이 선택되어 있는지 확인합니다.
   3. 서비스 포털 디자이너의 배너에서 페이지 속성 편집 아이콘()을 선택합니다.
   4. 페이지 창의 페이지별 CSS 필드에 다음 CSS 코드를 붙여 넣습니다.

      .col-md-12{ 
           padding-left: 0;
           padding-right: 0; 
       }
      .padding-top {
           padding-top: 0;
       } 

      애플리케이션 범위에 대한 메시지가 나타나면 여기를 선택하여 기록을 편집할 수 있습니다.
   5. 저장을 선택합니다.
6. 포털 배너 위젯 추가.
   1. 위젯 창의 필터 위젯 필드에 포털 배너를 입력합니다.
   2. 위젯을 컨테이너에 끌어옵니다.
   3. 편집 페이지에서 포털 배너 위젯을 선택합니다.
   4. 연필 아이콘()을 선택합니다.
   5. 인스턴스 양식의 프레젠테이션 필드에서 다음 JSON 코드를 검색 자리 표시자 텍스트 필드에 붙여 넣습니다.

      {
          "title": "enter the title",
          "size": "enter the size of search bar",
          "color": "enter color"
      }

      각 매개변수에 대한 자세한 내용은 다음 문서를 참조하십시오 포털 배너 위젯의 검색 옵션에 대한 스크립트 매개변수.
   6. 인스턴스 양식에서 필드를 입력합니다.
      필드 값에 대한 설명은 포털 배너 위젯 인스턴스 옵션 양식 문서를 참조하십시오.
   7. 저장을 선택합니다.