Servigistics InService 自訂 > 自訂 Servigistics InService 使用者介面 > 自訂 UI 視覺樣式和圖示
  
自訂 UI 視覺樣式和圖示
Servigistics InService 用戶端提供用來將自訂 CSS 樣式插入使用者介面的多種機制。
可用方法包括:
始終透過用戶端自訂載入單一檔案
始終透過用戶端自訂載入多個檔案
透過伺服器端自訂動態載入單一檔案
針對以下所有情況,請先為自訂檔案建立資料夾,然後再適當予以放置:
<WT_HOME>/codebase.war/delivery/custom/app/style/css
<WT_HOME>/codebase.war/delivery/custom/app/style/images
始終透過用戶端自訂載入單一檔案
將程式碼新增到 customizations.js 中的下列函數,以設定自訂檔案的名稱。
module.config(function (ptcThemeConfigProvider) {
   ptcThemeConfigProvider.setThemeName(“myCustomFile”);
});
始終透過用戶端自訂載入多個檔案
將任意數量的 ptcTheme 指令置於 index.jsp 內。每個指令必須在一個單獨的樣式標籤內。
<style type="text/css" data-ptc-theme="myCustomFile"></style>
<style type=”text/css” data-ptc-theme=”myOtherCustomFile”></style>
透過伺服器端自訂動態載入單一檔案
1. 建立可實行 com.ptc.sc.services.plugins.ThemeDelegate 介面的自訂委派。此介面包含為自訂 CSS 檔案傳回 FileDataSource Java 物件的單一方法:FileDataSource getThemeContent(Map<String, String> queryOptions) throws Exception;
2. 編譯並註冊自訂委派,如在伺服器上建立自訂委派中所述。
3. 註冊之後,自訂 CSS 檔案的內容將會內嵌至 Servigistics InService 頁面的 <body> 元素中,以便能夠在自訂範本中進行參考。
<style type="text/css" data-ptc-theme="">(Custom CSS rules from
ThemeDelegate added here)
</style>
顯示新資訊元素類型的圖示
如果載入的新資訊元素類型不屬於 OOTB 類型,可將這些類型的新圖示放置在自訂圖像目錄中,並且在上述的自訂 CSS 檔案中進行參考。CSS 規則必須為下面的形式,其中 <docType> 符合為在編寫系統中轉換與載入 (TAL) 已發佈配套的資料所設定的類型定義。
.equivalence-thumbnail.<docType>Icon {
  background-image: url(“<URL to image>”);
}
OOTB IE 類型的一些範例具有下列 CSS 規則 (在 <WT_HOME>/codebase.war/delivery/app/style/css/servicecenter.css 中定義)
.equivalence-thumbnail.PDFIcon
.equivalence-thumbnail.publicationsIcon
.equivalence-thumbnail.procedureIcon