「プロパティ」パネルの「レンダラーと状態」または「状態のフォーマット」ボタンをクリックすることで、状態フォーマットを編集したりウィジェットに適用したりできます。

以下の表に、ThingWorx 9.1 以降のテーマ指定されたウィジェットにスタイルフォーマットを適用する際に使用可能なプロパティ名を示します。

以下の図は、値表示ウィジェットの ValueFormat プロパティを示しています。データと状態フォーマットのダイアログボックスを開くには、「レンダラーと状態」をクリックします。

状態フォーマットのダイアログボックスを開くと、ウィジェットのカテゴリに応じて、以下のようなさまざまなオプションが表示されます。

スタイル定義を使用するレガシー/標準ウィジェットの場合:

スタイルテーマを使用してスタイル定義する標準のウィジェットの場合:

値表示ウィジェットやリストウィジェットなどの一部のウィジェットでは、「レンダラー」ドロップダウンリストが表示されます。このドロップダウンリストでは、ウィジェットに表示する数値、文字列、HTML、XML などのデータ型を指定できます。オプションを選択すると、選択に応じて、追加のフォーマットオプションが表示されます。

状態定義を選択すると、定義されている状態がテーブルにリストされます。状態定義エンティティの値に基づいて、各状態のデフォルト値が条件の横に表示されます。各状態定義エンティティ内でデフォルトの状態を必ずしも指定する必要はありませんが、状態定義をウィジェットに適用する際にはスタイル定義を選択する必要があります。状態定義を選択した場合、状態のいずれの値も一致しない場合に使用するスタイル定義を指定する必要があります。

ほとんどのウィジェットでは「依存フィールド」が必須のオプションです。このフィールドは、状態フォーマットの条件を評価する際に使用するインフォテーブル列を指定します。テーマ指定されたチャートなどの一部のウィジェットでは、依存フィールドはオプションであり、このオプションは空のままにすることができます。これにより、特定の列を使用する代わりに、各データ系列の値に基づいて状態フォーマットを個別に適用できます。

エンティティを作成したり既存のエンティティを使用したりしないでカスタムスタイルを適用するには、エンティティピッカーで「新規カスタムスタイル」をクリックします。「カスタムスタイル定義」ダイアログボックスが開き、ここでカスタムスタイル定義を作成できます。

状態定義エンティティ内のさまざまな状態のデフォルト値を変更するには、「値」列に新しい値を入力します。新しい値は現在のウィジェットのデフォルトをオーバーライドします。

状態定義を適用すると、各状態のプロパティが「プロパティ」パネルに追加されます。これらのプロパティには <PropertyName>_<StateName> というパターンの名前が付きます。ここで、<StateName> は各状態に対して定義した名前です。各プロパティはその状態の現在の値を示します。状態フォーマットのダイアログボックスで値をオーバーライドするには、値を手動で入力するか、サービスまたは別のウィジェットから値をバインドします。たとえば、以下の図は、値表示ウィジェットのバインド可能な状態値プロパティを示しています。

適用されている状態定義からの各状態が、バインド可能なプロパティとしてリストされています。これらのプロパティを使用して、状態フォーマットのダイアログボックスで定義されている値をオーバーライドできます。