Siebel Open UI调整图像小程序

时间:2016-09-02 13:48:14

标签: sapui5 siebel

新的Siebel Open UI改善了可视化效果。我从Card Applet中获得了一个提示,以满足图像小程序的要求。 我创建了一个简单的applet,只有一个字段,它是来自联系人BC的图像源路径,字段的html类型是图像控件,字段检索类型是字段数据,一切正常,但我不能调整大小图像到固定大小,如卡片小程序,例如我希望图像大小调整为200px到200px。 见附件中的图片。 我试过寻找图像控件的css属性,但我找不到它,会对此解决方案的建议表示赞赏

enter image description here

3 个答案:

答案 0 :(得分:2)

我正在制定类似的要求。我在Siebel主题中使用了自定义css,如下所示:

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

这样做我可以将图像大小调整为90x90像素:

enter image description here

问候。

答案 1 :(得分:1)

@Alexan给出了完美的线索,找到css属性并在这种情况下编辑它使用

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

答案 2 :(得分:0)

我相信你一定试过这个。你可以设置高度/宽度css属性来调整图像大小,

您可以在applet的控件的html属性中直接设置它。例如,

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

如果这不是您的答案,请解释您的问题。