이 항목에서는 활동알림 페이지에서 요소를 수정하는 방법을 설명합니다.

[작업 취소] 버튼

버튼을 수정하려면 조직의 두 테넌트 장치에서 stylesForCustomBranding.css 파일을 편집합니다.
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 
다음 예와 유사하게 코드의 적절한 섹션을 편집하여 border-color, background-colorcolor를 포함하는 줄의 주석 처리를 해제하고 색상 값을 변경합니다.
#zedd-content .modal-footer .btn {
     border-color: blue !important;
     background-color:  green !important;
     color: black  !important;  }

다음 이미지는 위에 표시된 것처럼 코드가 편집되었을 때의 페이지 모양 예를 보여 줍니다.

이전 이후
브랜딩 전 페이지 예 브랜딩 후 페이지 예

정렬 아이콘

정렬 아이콘을 수정하려면 조직의 두 테넌트 장치에서 stylesForCustomBranding.css 파일을 편집합니다.
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 
다음 예와 유사하게 코드의 적절한 섹션을 편집하여 color를 포함하는 줄의 주석 처리를 해제하고 색상 값을 변경합니다.
  #zedd-content .datagrid-column-title .sort-icon {
     color: orange !important;  } 

다음 이미지는 위에 표시된 것처럼 코드가 편집되었을 때의 페이지 모양 예를 보여 줍니다.

이전 이후
브랜딩 전 페이지 예 브랜딩 후 페이지 예

활성 탭

활성 탭의 모양을 수정하려면 조직의 두 테넌트 장치에서 stylesForCustomBranding.css 파일을 편집합니다.
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 
다음 예와 유사하게 코드의 적절한 섹션을 편집하여 background, box-shadow-webkit-box-shadow를 포함하는 줄의 주석 처리를 해제하고 색상 값을 변경합니다.
  #zedd-content .nav .nav-link {
     background:  pink !important;
     box-shadow: 0 -3px 0 red inset !important;
     -webkit-box-shadow: 0 -3px 0 red inset !important;

다음 이미지는 위에 표시된 것처럼 코드가 편집되었을 때의 페이지 모양 예를 보여 줍니다.

이전 이후
브랜딩 전 페이지 예 브랜딩 후 페이지 예

확인란

확인란을 수정하려면 조직의 두 테넌트 장치에서 stylesForCustomBranding.css 파일을 편집합니다.
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 
다음 예와 유사하게 코드의 적절한 섹션을 편집하여 background를 포함하는 줄의 주석 처리를 해제하고 색상 값을 변경합니다.
.clr-checkbox-wrapper input[type=checkbox]:checked + label::before {
   background: red !important;

다음 이미지는 위에 표시된 것처럼 코드가 편집되었을 때의 페이지 모양 예를 보여 줍니다.

이전 이후
브랜딩 전 페이지 예 브랜딩 후 페이지 예

페이지 배경

배경을 수정하려면 조직의 두 테넌트 장치에서 stylesForCustomBranding.css 파일을 편집합니다.
$> /usr/local/desktone/release/dt-platform-20_2_0/deploy/dt-tenant-node-20.2.0-bin/horizonadmin/static/css/production/ stylesForCustomBranding.css 
다음 예와 유사하게 코드의 적절한 섹션을 편집하여 background를 포함하는 줄의 주석 처리를 해제하고 색상 값을 변경합니다.
#zedd-content {
    /*! Activity and Notification (all clarity pages) Background */
    .main-container {
        background: red !important;
    }

다음 이미지는 위에 표시된 것처럼 코드가 편집되었을 때의 페이지 모양 예를 보여 줍니다.

이전 이후
브랜딩 전 페이지 예 브랜딩 후 페이지 예