Siebel Open UI调整图像小程序的大小

Question

The new Siebel Open UI, has improve visualization. I have taken a cue from the Card Applet to meet a requirement of an image applet. I have a created a simple applet with just one field which is the image source path from the contact BC , the html type for the field is an image control and the field retrieval type is Field Data, everything works fine except that I cant resize the image to a fixed size like the card applet for example i want the image to be resized to 200px by 200px. See Image attached within. have tried looking for the css attribute for the image control but I could not find it, will appreciate suggestion on this solution

Answer 1

I'm working on a similar requirement. I used custom css in the Siebel theme, something like this:

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

Doing this I could resize the image to 90x90 px:

Regards.

Answer 2

@ Alexander has given the perfect clue , find the css properties and edit it in this case use

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

Answer 3

I believe you must have tried this.You can set height/width css atribute to resize image,

You can directly set this in html attribute of control in applet. For example,

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

If this is not your answer, please explain your question.