標籤 (Label)

屬性

JavaScript

類型

描述

啟用以狀態為基礎的格式

enableStateFormatting

boolean

讓您能根據 ThingWorx 中所定義的狀態定義，設定該小工具的格式。

如果勾選了核取方塊，則下列屬性會顯示：

• 從屬欄位

• 狀態定義

舉例來說，如果某標籤具備 error 的「狀態定義」值，則標籤即轉為紅色。

欲瞭解更多 ThingWorx 中的樣式與狀態定義資訊，可參閱 ThingWorx 輔助說明中心裡的〈樣式與狀態定義〉。

從屬欄位

啟用「啟用以狀態為基礎的格式」時即會顯示。

stateFormatValue

string

如果選取「啟用以狀態為基礎的格式」核取方塊，即會顯示此屬性。欲瞭解更多 ThingWorx 中的樣式與狀態定義資訊，可參閱 ThingWorx 輔助說明中心裡的〈樣式與狀態定義〉。

狀態定義

啟用「啟用以狀態為基礎的格式」時即會顯示。

stateFormat

boolean

如果選取「啟用以狀態為基礎的格式」核取方塊，即會顯示此屬性。欲瞭解更多 ThingWorx 中的樣式與狀態定義資訊，可參閱 ThingWorx 輔助說明中心裡的〈樣式與狀態定義〉。

換行標籤文字

wrap

boolean

如果選取此核取方塊，標籤文字即可換行。

使用所必須的最少步驟

近似外觀

1. 拖曳「標籤」小工具至畫布上。在此範例中，我們將標籤放置於「格線配置」小工具的儲存格中。

2. 輸入您要在「文字」欄位中顯示的文字。

為了讓標籤加上樣式，我們已新增下列項目至體驗：

• 在「專案」窗格的「樣式」 > 「應用程式」之下 -

.my-label {
font-family: Century Gothic;
font-color: black;
font-size: 12pt;
font-weight: normal;
font-style: normal;
}

• 在「類別」欄位針對每個標籤 - my-label

請記住，最好為類別指定唯一名稱，從而不與其他類別或 OOTB 屬性相衝突。

CSS 範例	近似外觀
.ptc-label { font-size: 16px; font-family: Century Gothic; font-weight: bold; color: Red; };