在Oracle Apex 5中创建图像按钮

Question

如何在Oracle Apex 5中创建图像按钮？我在我的应用程序中使用通用主题。

我已将按钮属性设置如下。

但它显示如下。

更新

在按钮属性字段中使用class myClass{ static func globalFunc() -> Void { println("This is it") } } myClass.globalFunc() 后，图像显示如下。

而不是完整图像，它显示裁剪的图像。

如何解决此问题？

Answer 1

APEX 5.0中的通用主题按钮模板仅限CSS图标。如果您只需要少量按钮的图像按钮，请使用＆＃34;文本＆＃34;按钮模板并输入

<img src="#APP_IMAGES#holidays.png">

进入＆＃34;标签＆＃34;按钮的属性。如果您想拥有自己的图片按钮模板，请转到共享组件 - ＆gt;模板并复制现有的＆＃34;图标和文字＆＃34;按钮模板并命名为＆＃34;图像和文字＆＃34;并使用以下HTML标记

<button class="t-Button t-Button--icon #BUTTON_CSS_CLASSES#" #BUTTON_ATTRIBUTES# onclick="#JAVASCRIPT#" type="button" id="#BUTTON_ID#"><img src="#ICON_CSS_CLASSES#"><span class="t-Button-label">#LABEL#</span></button>

使用＆＃34;图标CSS类＆＃34;按钮的属性以指定图像。

希望有所帮助 帕特里克

Answer 2

您正尝试在用于指定CSS类的字段中定义图像的路径。创建一个定义图像并使用它的CSS类，或者直接在＆＃39;按钮属性＆＃39;中引用图像。字段。

... e.g

.holidayButton {
  background-image:url(#APP_IMAGES#holidays.png);
  background-repeat:no-repeat;
}

或

style="background-image:url(#APP_IMAGES#holidays.png);background-repeat:no-repeat;"

您可能希望阅读CSS并在运行应用程序时使用开发人员工具中的某些属性来微调。 MDN网站是一个很好的资源。

https://developer.mozilla.org/en-US/docs/Web/CSS/background-image