2016-09-02 11 views
0

新しいSiebel Open UIは、視覚化を改善しました。私はイメージアプレットの要件を満たすためにカードアプレットから手がかりを取った。 連絡先BCからのイメージソースパスである1つのフィールドを持つ単純なアプレットが作成されています。フィールドのhtmlタイプはイメージコントロールで、フィールド検索タイプはフィールドデータです。たとえば画像をカードアプレットのような固定サイズにするには、画像のサイズを200pxで200pxに変更します。 内の画像を参照してください。私はあなたがthis.Youは、高さ/幅のCSS atributeを設定することができますしようとしている必要があります信じて は、画像制御用のCSS属性を探して試してみましたが、私はそれを見つけることができなかった、このソリューションSiebel Open UI Image Appletのサイズ変更

enter image description here

答えて

1

は、CSSプロパティを見つけて使用し、この場合には、それを編集し、完璧な手がかりを与えている

.mceGridField.siebui-value.mceField > span > a > img { 
    width: 200px; 
    height: 200px; 
} 
0

上の提案に感謝します画像のサイズを変更するには、

あなたは直接、アプレット内のコントロールのHTML属性でこれを設定することができます。たとえば、この場合は

http://www.askmesiebel.com/2014/02/siebel-fields-validation-through-html-attributes/

は、あなたの答えではない、あなたの質問を説明してください。

+0

本当にありがとうございました@Dave、これは最初の応答が取得していますし、私は意志汝それは非常に論理的ですこれを実装するにはクライアントサイトに行かなければならないので、Open UIカードアプレットでは、.siebui-tile-container .siebui-tile-image .siebui-form-data img – user3027085

+0

などのCSSプロパティがあります多くの@Dave、これは最初の返事であり、これを実装するためにクライアントのサイトに行く必要があることは非常に論理的です。 オープンUIカードアプレットでは、などのCSSプロパティがあります.siebui-tile-container .siebui-tile .siebui-tile-image .siebui-form-data img しかし、自分のアプレットでは、フィールドイメージのサイズを制御する標準のCSSはないので、 html属性 アプレットコントロール用の 私はコードを追加しますか?またはCSSスタイル? たとえば、 幅:118px; height:118px – user3027085

+0

はい、コントロールの高さ/幅のみを追加します(ここではSiebelツールを参照しています)。そうでない場合は、イメージにカスタムクラスを追加し、CSSでタグ付けします。 (クライアント側の解決策)。次に、このCSSをtheme-base.cssファイルまたは新しいCSSファイルに追加し、テーマのjsファイルに新しいCSSファイルを登録します。 例: HTML:

CSS: 。コンテナ{ 幅:200px; 身長:120px; } /*サイズ変更画像*/ 。容器img { 幅:100%; 身長:自動; } – Dave

2

私は同様の要件に取り組んでいます。

enter image description here

よろしく:私は90x90ピクセルに画像のサイズを変更することができ

.siebui-icon-contactfilename>img { 
    width: 90px; 
    height: 90px; 
} 

はこれを行う:私は、Siebelのテーマにこのような何かをカスタムCSSを使用しました。アレクサンダー@

関連する問題