代码之家  ›  专栏  ›  技术社区  ›  Thomas Carlton

Apex,如何创建带有图片的导航菜单?

  •  4
  • Thomas Carlton  · 技术社区  · 6 年前

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

    enter image description here

    有没有可能用一些png图片替换这些字体很棒的图标?

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

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

    先谢谢你。

    1 回复  |  直到 6 年前
        1
  •  4
  •   Dmitriy rajalaxmi    6 年前

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

    • 转到“共享组件”->“模板”,找到您正在使用的页面模板,单击要编辑的名称。
    • 转到选项卡“层叠样式表”->“内联”
    • 在这里输入如下CSS代码:

      .my_icon {
          background-image: url("#APP_IMAGES#fullheart.png");
      }
      
    • 返回导航菜单项properties,并输入CSS类名( my_icon )“图像/类”属性。