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

Sapui5 Siebel Open UI调整图像大小小程序,sapui5,siebel,Sapui5,Siebel,新的Siebel开放式用户界面提高了可视化效果。我从卡片小程序中获得了一个提示,以满足图像小程序的要求。 我创建了一个简单的小程序,其中只有一个字段,即联系人BC的图像源路径,该字段的html类型为图像控件,字段检索类型为字段数据,一切都很好,除了我不能调整图像的大小到一个固定的大小,如卡小程序,例如,我想把图像的大小调整到200px到200px。 请参阅附件中的图像。 我已经尝试过为图像控件寻找css属性,但我找不到它,请给出此解决方案的建议 我相信您一定尝试过这个。您可以设置高度/宽度css

新的Siebel开放式用户界面提高了可视化效果。我从卡片小程序中获得了一个提示,以满足图像小程序的要求。 我创建了一个简单的小程序,其中只有一个字段,即联系人BC的图像源路径,该字段的html类型为图像控件,字段检索类型为字段数据,一切都很好,除了我不能调整图像的大小到一个固定的大小,如卡小程序,例如,我想把图像的大小调整到200px到200px。 请参阅附件中的图像。 我已经尝试过为图像控件寻找css属性,但我找不到它,请给出此解决方案的建议


我相信您一定尝试过这个。您可以设置高度/宽度css atribute来调整图像大小

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


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

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

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


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

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

.siebui-icon-contactfilename>img {
    width: 90px;
    height: 90px;
}
这样我可以将图像大小调整为90x90像素:


问候。

我正在处理一个类似的需求。我在Siebel主题中使用了自定义css,如下所示:

.siebui-icon-contactfilename>img {
    width: 90px;
    height: 90px;
}
这样我可以将图像大小调整为90x90像素:


问候。

@Alexander给出了完美的线索,找到css属性并在本例中进行编辑

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

@Alexander给出了完美的线索,找到css属性并在本例中对其进行编辑

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

非常感谢@Dave,这是我得到的第一个回复,这是非常合理的,我将不得不去客户端站点实现这一点,因此使用Open UI card applet,有一些css属性,比如.siebui tile container.siebui tile.siebui tile image.siebui表单数据imgThanks这么多@Dave,这是我得到的第一个回复,这是非常合理的,我将不得不去客户端站点实现这一点,因此使用Open UI card applet,有css属性,例如.siebui tile container.siebui tile.siebui tile image.siebui form data img,但我自己的applet没有控制字段图像大小的标准css,那么你建议在html属性中为applet控件添加一个代码?还是css样式?例如宽度:118px;高度:118px是的,仅在控件中添加高度/宽度(这里我指的是Siebel工具)。否则,将自定义类添加到图像中,并用它标记css。(客户端解决方案)。然后将此css添加到theme-base.css文件或新的css文件中,并在theme-js文件中注册新的css文件。例如:HTML:CSS:.container{width:200px;height:120px;}/*resize images*/.container img{width:100%;height:auto;}谢谢Dave,但是第一个选项不起作用,你能建议我在HTML属性中为我添加的控件小程序输入的确切代码吗宽度:118px;高度:118px,这不起作用,因为第二部分我有点迷路了,我有开放ui的基本知识,比如表示模型和物理渲染,所以如何向我的图像添加一个类,我只想弄清楚是一个BC字段和一个基于图像源字段的小程序控件,我在html属性style=“height:152px;width:152px;”{width:200px;height:120px;}{style=“height:152px;width:152px;”};但是它们不起作用,有什么建议吗?非常感谢@Dave,这是我得到的第一个回复,这是非常合理的,我将不得不去客户端站点实现这一点,因此使用Open UI card applet,有一些css属性,比如.siebui tile container.siebui tile.siebui tile image.siebui表单数据imgThanks这么多@Dave,这是我得到的第一个回复,这是非常合理的,我将不得不去客户端站点实现这一点,因此使用Open UI card applet,有css属性,例如.siebui tile container.siebui tile.siebui tile image.siebui form data img,但我自己的applet没有控制字段图像大小的标准css,那么你建议在html属性中为applet控件添加一个代码?还是css样式?例如宽度:118px;高度:118px是的,仅在控件中添加高度/宽度(这里我指的是Siebel工具)。否则,将自定义类添加到图像中,并用它标记css。(客户端解决方案)。然后将此css添加到theme-base.css文件或新的css文件中,并在theme-js文件中注册新的css文件。例如:HTML:CSS:.container{width:200px;height:120px;}/*resize images*/.container img{width:100%;height:auto;}谢谢Dave,但是第一个选项不起作用,你能建议我在HTML属性中为我添加的控件小程序输入的确切代码吗宽度:118px;高度:118px,这不起作用,因为第二部分我有点迷路了,我有开放ui的基本知识,比如表示模型和物理渲染,所以如何向我的图像添加一个类,我只想弄清楚是一个BC字段和一个基于图像源字段的小程序控件,我在html属性style=“height:152px;width:152px;”{width:200px;height:120px;}{style=“height:152px;width:152px;”};但是他们没用,有什么建议吗?