スタイルテーマ
テーマを使用して、マッシュアップの外観をカスタマイズできます。スタイルテーマは、レスポンシブマッシュアップ内のコンテナとサポートされているウィジェットに適用されます。スタイルテーマは作成、修正、インポート、およびエクスポートできます。スタイルテーマを使用することで、カスタムスタイルをさまざまなマッシュアップに簡単に適用できます。スタイルテーマをトップレベルマッシュアップに適用した場合、そのスタイルテーマは埋め込まれているすべてのウィジェットとマッシュアップにも適用されます。次のタスクを実行できます。
• スタイルテーマを作成および修正する。
• 1 つ以上のマッシュアップにスタイルテーマを適用する。
• 「インポート/エクスポート」を使用してスタイルテーマを再使用する。
• 「スタイルプロパティ」パネルを使用して、スタイルテーマをサポートするウィジェットのスタイル設定を指定する。
 |
スタイルテーマをサポートするウィジェットの詳細については、「ウィジェット」トピックのウィジェットカテゴリのセクションを参照してください。
|
ThingWorx Platform には、デフォルトで以下のスタイルテーマが含まれています。
|
|
すべてのテーマはマッシュアップ内のテーマ指定されたウィジェットに適用されます。
|
1. レガシースタイルのテーマ - レガシースタイル定義に基づくスタイルを提供します。レガシーウィジェットの設計と同様の外観を維持するには、このテーマを使用します。
2. PTC 収束テーマ - PTC の設計システムに基づくスタイルを提供します。このスタイルテーマは、すべての新しいマッシュアップに適用されます。
3. Base Theme - 新しいスタイルテーマを作成するときに基本スタイルを提供します。これらのスタイルは、カスタムスタイルテーマの開始点として使用できます。
レガシーテーマの例
PTC 収束テーマの例
Base Theme の例
スタイルテーマをマッシュアップに適用するには、「スタイルプロパティ」パネルの StyleTheme プロパティを使用します。マッシュアップへのスタイルテーマの適用の詳細については、マッシュアップへのスタイルテーマの適用を参照してください。