JSF 2.0 と PrimeFaces 3.0 に基づいて Java Web アプリケーションを作成したいのですが、次のタグに問題があります: http://www.primefaces.org/showcase/ui/ring.jsf
タグで使用した画像はデフォルトの制限よりも大きく、適切な解像度を維持するためにサイズを縮小することはできません。多くのタグで幅と高さを変更しようとしましたが、新しいものは何もありません。
JSF 2.0 と PrimeFaces 3.0 に基づいて Java Web アプリケーションを作成したいのですが、次のタグに問題があります: http://www.primefaces.org/showcase/ui/ring.jsf
タグで使用した画像はデフォルトの制限よりも大きく、適切な解像度を維持するためにサイズを縮小することはできません。多くのタグで幅と高さを変更しようとしましたが、新しいものは何もありません。
解決策 1. ui-ring css スタイル クラスの高さ属性の値をオーバーライドします。カスタム css ファイルまたはインライン スタイル タグを.ui-ring { height: 18em; }
その中に使用できます。
解決策 2. 高さを直接設定する style 属性を使用しますstyle="height: 18em !important;"
( !important は必要ない場合があります)
5月3日更新
リングを拡大するには、style 属性を使用して固定幅の値を定義できます。コンポーネントは、画像間の距離を自動的に調整します。例:width: 100%;
またはwidth: 300px
またはwidth: 50em
残念ながら、他のオプションを調整する方法はありませんが、Ring コンポーネントのイージングはありません。