スタイルテーマ
スタイルテーマは、マッシュアップ内のテキスト、色、線などのエレメントに適用するプロパティのセットです。スタイルテーマを使用することで、複数のマッシュアップのスタイルをさらに簡単に管理できます。スタイルテーマはマッシュアップレベルで適用されます。スタイルテーマをトップレベルマッシュアップに適用した場合、そのスタイルテーマは埋め込まれているすべてのウィジェットとマッシュアップにも適用されます。次のタスクを実行できます。
スタイルテーマを作成および修正する
1 つ以上のマッシュアップにスタイルテーマを適用する
「インポート/エクスポート」を使用してスタイルテーマを再使用する
プレビュー アイコンをクリックすることでスタイルテーマをプレビューする
カスタムのカスケードスタイルシート (CSS) 規則をスタイルテーマに定義する。CSS 規則はそのスタイルテーマを使用するすべてのマッシュアップに適用される
「スタイルプロパティ」パネルを使用して、スタイルテーマをサポートするアイテムのスタイル設定を指定します。
スタイルテーマへの CSS 規則の適用の詳細については、SDK ドキュメンテーションを参照してください。
スタイルテーマを使用して、以下のタイプのエンティティのスタイルを設定できます。
「テーマ指定可能」カテゴリのウィジェット
レスポンシブレイアウト内のコンテナ
ランタイム中に関数によって駆動される視覚的なエレメント (ステータスメッセージや確認ダイアログなど)。
PTC Convergence Theme
PTC Convergence Theme は、修正できない定義済みのスタイル設定が適用されているシステムエンティティです。別のスタイルテーマを作成して適用していない場合、デフォルトで PTC Convergence Theme がマッシュアップに適用されます。マッシュアップのスタイルテーマが削除されたかアクセスできない場合、そのマッシュアップには PTC Convergence Theme が適用されます。
Base ThemePTC Convergence Theme を表示するには、以下の手順を実行します。
1. Composer で、「ブラウズ」 > 「スタイルテーマ」の順にクリックします。スタイルテーマのリストが表示されます。
2. サーチツールバーで、フィルタ アイコンをクリックし、「システムオブジェクトを表示」チェックボックスをオンにします。
システムオブジェクトを表示
3. 「適用」をクリックします。
スタイルテーマの修正
スタイルテーマを使用して、複数の方法でマッシュアップのスタイルを設定できます。テーマを適用できるエンティティの表示に影響を与える制御のレベルは 3 つあります。
グローバル - マッシュアップ内のスタイルテーマをサポートするすべてのアイテムの一般設定を設定します。
エレメント - ウィジェット内の要素の特定のスタイル設定を設定します。
「スタイルプロパティ」パネルの設定 - マッシュアップ内の個々のアイテムのスタイルプロパティを設定します。
マッシュアップでスタイルの変更を適用する際には、スタイルの階層を考慮しなければなりません。一般的に、スタイルテーマは、マッシュアップで一貫した設計を作成するために使用します。特定のアイテムをカスタマイズし、スタイルテーマをオーバーライドするには、「スタイルプロパティ」パネルを使用します。
「スタイルプロパティ」パネルの詳細については、スタイルプロパティパネルの使用を参照してください。
これは役に立ちましたか?