2

如何更改 APEX 5 经典报告中的标题排序图标？

客户只想拥有自己的 desc 和 asc 排序图标。他不喜欢新的 APEX 排序图标。

甲骨文 说：

不支持的报表标题排序图标 交互式报表和经典报表不支持以下用于定义报表标题排序图标的属性：升序图像、降序图像、升序图像属性和降序图像属性。Oracle Application Express 现在使用 CSS 来呈现排序图标，而不是直接引用图像。对于交互式报告，使用以下类：对于经典报告 ，使用以下类：.a-Icon.icon-irr-sort-asc和.a-Icon.icon-irr-sort-desc.a-Icon.icon-rpt-sort-asc.a-Icon.icon-rpt-sort-desc

我不清楚如何完成这项任务。我只知道 APEX 现在使用 CSS 来呈现排序图标（a-Icon.icon-rpt-sort-asc和.a-Icon.icon-rpt-sort-desc）。

它可能是“静态应用程序文件” > #APP_IMAGES#sort_asc.png/ #APP_IMAGES#sort_desc.png。

我是 APEX 的新手，我的同事说在经典报告中更改排序图标在 APEX 4.2 中是一项简单的任务，但这种简单的方法在 APEX 5 中不再可用。

有人有一段代码和一些提示吗？

4

1 回答 1

1

您需要定义自己的 CSS 类.icon-rpt-sort-asc和.icon-rpt-sort-desc. 它们必须看起来像这样：

span.icon-rpt-sort-asc {
    background-image: url("/i/custom_asc_sort_image.png");
}
span.icon-rpt-sort-desc {
    background-image: url("/i/custom_desc_sort_image.png");
}

您可以在此处设置图像名称，这些名称将显示在报告列标题中。之后，您需要使用此 CSS。在这里，您有两种方法可以做到这一点：

  1. 打开页面属性，转到CSS选项卡，将 CSS 代码放在那里。这不是一个好方法，因为您必须将此代码添加到需要自定义图像的每个页面。

  2. 推荐的方法 - 使用上面的代码创建一个 css 文件，将它放在/i/文件夹中，然后更改页面模板（Shared Components-> User Interface-> Templates-> 所需的页面模板 ->Definition选项卡）。在Header部分添加<link>标签：

    <head>
  ...
  #PAGE_CSS#  
  #FAVICONS#
  #HEAD#
    <link rel="stylesheet" href="#APP_IMAGES#mycss.css" type="text/css"></link>
  ...
</head>

where mycss.css- 你的 CSS 文件的名称。而且，当然，您必须将自定义排序图标放入顶点图像文件夹。

于 2016-01-26T09:04:47.473 回答