在Oracle APEX交互式報表（圖標視圖）中顯示包含列中數據的圖標

Question

我試圖在Oracle APEX應用程序中創建交互式報表。我想在報告列中顯示圖標和數據。

我成功顯示了圖標，但是我想根據單詞以不同顏色顯示這些圖標。

我在「通用主題示例應用程序」應用程序中找到了一個與Oracle APEX一起提供的示例，我在自己的應用程序中使用了相同的方法。

但在我的應用程序中，所有圖標都只是黑色，但在示例應用程序中，每個數據都以不同的顏色圖標顯示。

任何人都可以幫助我嗎？

這是一個示例應用程序： Sample Application Screenshot

，這一個是我的應用程序： My Application Screenshot

非常感謝。

Answer 1

你可以在你的跨度這樣的樣式屬性添加color CSS顏色添加到您的圖標：

<span class="fa #STATUS_ICON#" style="color: green;"></span> #STATUS# 

和鏈接：

<div class="dm-IRR-icon"> <span class="fa #STATUS_ICON#" style="color: red;"></span> <span class="dm-IRR-iconLabel">#TASK_NAME#</span> </div> 

您也可以使圖標通過在樣式中添加字體大小屬性來更大或更小，如下所示：style="color: green; font-size: 15px;"

編輯1：要有不同的顏色，您有2個選項：

I.在您的sql查詢中添加一個新列（在我的示例中命名爲icon_color），將顏色帶入並在HTML Expresion中使用它。

SELECT task_name, 
    start_date, 
    status, 
    CASE status 
    WHEN 'Open' THEN 'fa-clock-o is-open' 
    WHEN 'Closed' THEN 'fa-check-circle is-closed' 
    WHEN 'On-Hold' THEN 'fa-exclamation-circle is-holding' 
    WHEN 'Pending' THEN 'fa-exclamation-triangle is-pending' 
    END status_icon, 
    CASE status 
    WHEN 'Open' THEN 'red' 
    WHEN 'Closed' THEN 'green' 
    WHEN 'On-Hold' THEN 'pink' 
    WHEN 'Pending' THEN 'orange' 
    END icon_color, 
    assigned_to 
FROM eba_ut_chart_tasks 
ORDER BY 2 

HTML表達：<span class="fa #STATUS_ICON#" style="color: #ICON_COLOR#"></span> #STATUS#

II。添加所有的邏輯中1的情況下在您的查詢是這樣的：

SELECT task_name, 
    start_date, 
    '<span class="fa '|| 
    CASE status 
    WHEN 'Open' THEN 'fa-clock-o is-open" style="color:red' 
    WHEN 'Closed' THEN 'fa-check-circle is-closed" style="color:green' 
    WHEN 'On-Hold' THEN 'fa-exclamation-circle is-holding" style="color:blue' 
    WHEN 'Pending' THEN 'fa-exclamation-triangle is-pending" style="color:pink' 
    END ||' "></span>'||status as status, 
    assigned_to 
FROM eba_ut_chart_tasks 
ORDER BY 2; 

對於此選項，不要忘記去你的列（狀態在這種情況下），並設置特殊字符轉義屬性附加傷害到NO。