2015-12-22 59 views
2

如何更改APEX 5經典報告中的標題排序圖標?在APEX 5經典報告中更改排序圖標

客戶只是想擁有自己的desc和asc排序圖標。他不喜歡新的APEX排序圖標。

ORACLE說:

不再支持報告標題排序圖標用來 以下屬性定義報告標題分類圖標已經去支持 交互式報表和經典報告:升序圖片,降 圖片, Asc圖像屬性和描述圖像屬性。 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

是否有人有一段代碼和一些提示?

回答

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> 
    

其中mycss.css - 你的CSS文件的名稱。而且,當然,您必須將自定義排序圖標放到頂點圖像文件夾中。