本主題說明如何修改活動通知頁面上的元素。

取消工作按鈕

若要修改按鈕,請在組織的兩個租用戶應用裝置中編輯 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-colorbackground-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 
編輯適當的程式碼區段,使其類似於下列範例,並取消註解包含 backgroundbox-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;
    }

下圖顯示以上述方式編輯程式碼時的頁面外觀範例。

之前 之後