レガシーウィジェットへのカスタム CSS の適用
カスタムカスケードスタイルシート (CSS) をマッシュアップに追加することで、マッシュアップを変更せずにインタフェース、レイアウト、プレゼンテーションを修正できます。以下のセクションでは、Web コンポーネントではないウィジェットへのカスタム CSS の適用について説明します。Web コンポーネントウィジェットへのカスタム CSS の適用については、Web コンポーネントウィジェットへのカスタム CSS スタイルの適用を参照してください。
 |
カスタム CSS はできるだけ使用しないでください。アップグレード時に、カスタム CSS 規則を手動で確認および検証する必要があります。PTC は、カスタム CSS 規則の移行を公式にはサポートしていません。ThingWorx Foundation の今後のリリースでは、既存のカスタム CSS 規則がサポートされなくなる可能性があります。
|
テーマ指定されていないウィジェットでのカスタム CSS の一般的な使用法は次のとおりです。
• レスポンシブ UI - 相対的な位置と寸法 (幅/高さ)、Media Queries、Flexbox、その他の標準コンテナを指定します。
• アニメーション - 標準の CSS キーフレームに対して機能します。
• 詳細デコレーション - ウィンドウにシャドウ、色、フォント、境界を表示します。
• カスタマイズ - マッシュアップを変更することなく、ユーザーインタフェースを修正できるようになります。