oracle - Apex，如何创建带图片的导航菜单？

Question

我有一个带有侧边栏导航菜单的 Apex 应用程序，如下所示:

是否可以用一些 png 图片替换这些很棒的字体图标？

我尝试在列表项配置中放置图像标签，但它不起作用:

 <img src="#APP_IMAGES#fullheart.png"/>

生成的 HTML 是错误的:

<span class="fa <img src=&quot;myapp/r/13002/files/static/v1152/fullheart.png&quot;/>"></span>

提前谢谢您。

Answer 1

生成的 HTML 是错误的，因为您将 HTML 代码放入 APEX 引擎期望找到 CSS 类名的位置。

要将标准图标替换为自定义图标，您需要执行以下操作:

• 进入“共享组件”->"template"，找到您正在使用的页面模板，点击名称进行编辑。
• 转到“层叠样式表”选项卡 -> “内联”

• 放置这样的 CSS 代码:

  .my_icon {
      background-image: url("#APP_IMAGES#fullheart.png");
  }
  

• 返回导航菜单项属性，并将 CSS 类名称 (my_icon) 放入“Image/Class”属性中。

如果您使用多个页面模板，则需要对所有模板进行编辑。