Usong icons in report columns

I have a report that currently uses alerts to change the background color based on the value in a column. I would like to display an icon instead of changing the background color. Can anyone provide assistance on how to bring an icon into a report column? Thank you.

You can't use an "icon" as such, but you can use various forms of image files.Â
Select a file.Â
Put the object in the column on your report.Â
Right-click on the image and select "Format Graphic".
In the Suppress formula put the condition where you don't want the image to appear
-Dell
- A computer only does what you told it to, not what you thought you told it to!</p>

Similar Messages

Interactive report column filters to display differently than column values

Greetings...
We use images a lot in our interactive reports to provide a visual representation to a status, or something locked for update, or what-have-you. By default, when a user clicks the column heading of a column which contains images, the drop-down list that shows up displays the actual images, which is nice for the user to identify exactly which thing they want to filter on. The problem is when the user selects on of the options in the filtering drop-down, the resulting condition that is displayed under the interactive report search bar is the HTML code of the image. I'd like something else to display there because showing the user the HTML code is atrocious.
I didn't think what I want is possible, but then I came across the Page Locks page within ApEx (page 4000:291 in ApEx 4.0.1) which displays a list of all the pages of an application and whether they are locked or not. It also allows you to bulk lock or bulk unlock a bunch of pages. That page uses an interactive report with a column called "Status" which contains images that represent whether the page is locked or not. When you click the "Status" column heading to filter, instead of seeing the images of an open and closed lock, you see the words "Page Locked" and "Page Unlocked." And even better... when you select on of them, the condition that is displayed to the user is very user-friendly.
Can someone tell me how this is done so I can replicate it in my own apps?
Shane.

Why not create the IR using the text you require e.g. 'Lock', 'Unlock' and then use JQuery to replace the text in the report with the image you want. All the filters should then show the plain text and the report will display the image. e.g.
http://apex.oracle.com/pls/apex/f?p=46801:1
Here's what I did:
Firstly make sure the IR has a region template.
Then create a Dynamic Action with the following attributes:
1. Advanced
2. Event: After Refresh
3. Selection Type: Region
4. Region: [select the IR Region]
5. Action: Execute JS Code
6. Fire on page load: [checked]
7. Code:
$('td [headers="TEST"]').each(function(index) {
if ($(this).text() == 'Lock') {
$(this).empty().html('<img src="/i/htmldb/icons/locked_small.gif" alt="Lock" />');
else {
$(this).empty().html('<img src="/i/htmldb/icons/unlocked_small.gif" alt="Unlock" />');
});Where TEST is the column name.
That's it, this may also be of interest:
http://simonhunt.blogspot.com/2011/10/adjusting-interactive-report-column.html
I hope it helps
Shunt

Call Javascript function to pass a id from APEX report column link

Hi,
Can anyone help me, in a report column link i'm calling a function to pass an id and i want to onclick change a icon on that column based on the value on the column status of this table.
Is this possible?

Hi Ron,
I am doing exaclty what you have suggested me but no luck. I started changing the DEMO_CUSTOMERS application to my requirements.The report is working fine and on the report I have created a page attribute to the Hyper linked column and linked that to the page 2 and assign that attribute with #JOBNUM#.
I am able to pass that value on to form when I click on the JOBNUM. But the problem is I am not able to pass that value into the SQL query so that my query pulls 20+ columns on to the Form ( which is second page ).
Small clarification... On the form region it is said FORM NAME and type is HTML is that is the way the APEX was designed or does it need to say region type as FORM.
Thanks for your help in advance.
Cheers,
Krishna.

Tamplate based button in Report Column

Hi there,
Is there any way to put tamplate based button into report column. I have a "sliding doors" css button in my theme's CSS file and I would like to use in in the report column.
Thanks

Yes, I can set "Strip HTML to No" but how would I use my button template. I did create a button template under Apex and modifying theme css file, right now I would like to use this button in my report colum, basically this button will delete uploaded files from the table.
I took this idea to reate my button template: http://woork.blogspot.com/2008/06/beautiful-css-buttons-with-icon-set.html

Examples of chart in the report column like monitor activity page

Hello,
Can anybody help me how to create a report having chart as one of the column in the report like Administration->Monitory Activity pages.
I have a report having columns like date, salesman, collection%.
The collection% must be displayed as bar chart showing % in the report column itself.
I searched a lot and end up with no examples found for this kind of example.
Any help will be appreciated.
Thanks,

First of all, it appears that there is no "HTML EXPRESSION" or an area to assign a CSS class to a column for interactive reports. I've even tried to use "COMPUTE" on an interactive report to introduce the <DIV> tabs and style, but that doesn't seem to work either. So If you're using an interactive report, it looks like you're out of luck.
But if you use a standard report, here is a quick example using the standard Demo tables on an interactive report. I'll do my best to describe what I'm doing step by step.
The query I'm using is a simple list of employees that shows the following columns:
<ul>
<li> EMPNO
<li> ENAME
<li> JOB
<li> SAL
<li> COMM
<li> COMM / (SAL + COMM) *100 (What percent of total Salary is the employees Commission)
</ul>
So here is the SQL statement I'm going to use:
select empno, ename, job, sal, comm, round(nvl((comm / (sal + comm) *100),0)) Pct_Comm
from empNow, Create an standard (SQL) report on the page of your choice by selecting the CREATE button at the top of the page editor. Select "REGION ON THIS PAGE" => "REPORT" => "SQL REPORT"
Enter a the TITLE and TEMPLATE of your choice, then click the NEXT button.
Copy and paste the select statement above into the page region for the select statement, and press the CREATE REGION button.
Go ahead and run the report and you will see a whole number for the COMM_PCT.
Now to turn this into a graph within the column perform the following steps.
<ol>
<li>Edit the page and then edit the report by clicking on the "Report" link on the page definition. This will bring up the Report Attributes Page.
<li>Edit the PCT_COMM column by clicking on the EDIT icon at the beginning of the row.
<li>Cut and paste the html from my above post into the "HTML EXPRESSION" field.
<li>Edit the HTML you just pasted to remove any unnecessary spaces in the tags that might cause it to render incorrectly.
<li>In the HTML EXPRESSION string, replace the #COLLECTION_PCT# string with #PCT_COMM#. (This is a substitution variable that represents the value of that column. We're using that to set the WIDTH attribute of the bar).
<li>Apply your changes and re-run the report.
</ol>
et. Voi la! You have a graph in your report.
Hope that was clear enough.
Doug

Changing the order of report columns

Hi
I am using Application Express 4.1.1.00.23 and have created a report. What I can't seem to alter however is the order of the columns generated by the report.
It's not based on the SQL query because for example the 'Surname' field is 2nd in the select statement but on the report view the Surname column is the last column.
Is there a way of changing the order??

Simple, Edit your report page > under region click Report hyper link corresponding to your report.
There you will see list of columns where you can order the report columns using little icons on the far right. remember to click apply changes after re-ordering the columns.
Thanks

Apex 2.2: Reorder report columns

The new reorder report columns under Report Attributes in Apex 2.2 is great, much faster than 2.0 where each column up/down needs a page refresh.
Small request: If I have 25 columns in a report region and I want to move the 20th column to the 5th position, I have to click-click-click the Up arrow on the 20th column until it is in the desired position. While doing all this clicking, since the row re-ordering is so slick, I sometimes tend to lose track of which row I am moving!
Instead, how about a UI like http://htmldb.oracle.com/pls/otn/f?p=24317:33
Clicking on a up/down arrow highlights the row and as long as the same row is moved up/down, it stays highlighted (serving as the visual aid I need). If you start moving a new row, that is "remembered" and highlighted.
Comments?
Thanks
[Sorry for not posting this as a comment on the Apex 2.2 feedback app, I wanted to see if others agree, thus strengthening my case. Hopefully the Apex team will include this feature in 2.2]
P.S: Of course, drag and drop to reorder these rows would be the next logical feature instead of all this silly clicking around! ;-)

OK I added this to the feedback app under Missing Features.
Just for completeness, here is how this is implemented.
The column with the 2 arrows is a derived column with the following HTML Expression
< img src="/i22/htmldb/icons/up_arrow.gif"
     style="cursor:pointer;cursor:hand;"
     onclick="doUp(this)"
>
< img src="/i22/htmldb/icons/down_arrow.gif"
     style="cursor:pointer;cursor:hand;"
     onclick="doDown(this)"
>The Javascript functions are defined in the Region Header as
<script>
var g_last_row=false;
function doDown(pThis)
    var l_tr=html_CascadeUpTill(pThis,'TR');
    if (g_last_row && g_last_row==l_tr) html_RowHighlight(l_tr,'pink');
    else if (g_last_row) {
        html_RowHighlightOff(g_last_row);
        html_RowHighlight(l_tr,'pink');
    else html_RowHighlight(l_tr,'pink');
    g_last_row=html_RowDown(pThis);
function doUp(pThis)
    var l_tr=html_CascadeUpTill(pThis,'TR');
    if (g_last_row && g_last_row==l_tr) html_RowHighlight(l_tr,'pink');
    else if (g_last_row) {
        html_RowHighlightOff(g_last_row);
        html_RowHighlight(l_tr,'pink');
   else html_RowHighlight(l_tr,'pink');
   g_last_row=html_RowUp(pThis);
</script>I am sure the code can be refactored to be more concise/clever, I just whipped this up in 15 minutes.
Thanks

Report Column Valign

Hello everyone,
How can I change the valign for a particular column within a report? In the "Report Attributes" tab, it seems like there are a lot of settings to play with for horizontal (center, left, right), but not for vertical.
Also, if I click on the pencil icon for a column, and go to Column Attributes --> Element Attributes, and enter something like " valign='top' " it doesn't seem to show up in the output HTML at all.
Any suggestions are appreciated.
Thanks,
Mike

A report being a Table with Rows(TR) and Cells (TD) the vertical alignment of cells in a row is within the row.
As a result the standard arrangements are
a. Top edge of all cells aligned in the row
b. Bottom edge all cells aligned in the row
c. All cells aligned on thier center line (default)
Are you trying to give a saw tooth look in your report rows where some columsn stick to the top , some to the bottom and some floating in the middle?
Regards,

Javascript:popupPage in Reports Column

hello All ,
How do I referance an external popup URL in a Report column?
for example i want to call something like
https://www.uranu.GOV/CSSWebView

you can use an existing function named "popUp2."
go to colunm attributes
Under Column Link:
Choose an icon or your column value (i.e. #yourcolumnname#) as linked text
Change Target to URL
In the URL box, enter javascript:popUp2('your_url',775,425); The values at the end are the dimensions of the popup window.

Display an alert message through javascript when report column item is null

Hello,
I have a report column item which is an select list item and now i want to display an alert message when value is null, I mean no value is selected, this alert message should be fired when update button is clicked.
Can anyone please help me with this issue.
Thanks,
Orton

You could try something like this:
declare
x        INTEGER;
err_ct INTEGER   := 0;
begin
x := 5; -- number of rows displayed
for i in 1 ... x (
    IF wwv_flow.g_f08(i)) IS NULL THEN err_ct := err_ct + 1;
    END IF;
end loop;
IF err_ct = 0 THEN
     RETURN NULL;
ELSE
    RETURN 'Nice error message: you must supply a value.';
END IF;This would be used with a PL/SQL validation: Function Returning Error Text.

How to show icon in a column of a table?

How to display an icon in a column of a table UI element and this icon is to be displayed based on values in the table row?

I normally use a calculated attribute inside the table's data source node for this.
Add an attribute "Icon", type=string, calculated=true, read-only=true, under the data source node.
(If the data source node uses structure binding and does not allow to add an attribute, add a helper value node instead, cardinality=1:1, selection=1:1, and add the attribute to this node.)
In the get-method for the calculated attribute, you get the node element corresponding to the table row as parameter. Depending on other attributes in this node element, select an icon URL and return it.
If you put your icons inside the src/mimes/<component> folder, you can simply return the file name of the icon.
Don't use a Button as table cell editor but rather an Image or LinkToAction.
Armin

Cannot edit a field that is "Standard Report Column" when new row added

Hi everyone,
I have created a master-detail form from the wizard and within the detail report region source I have used apex_item.xxx API
example;
select C1, C2,
CASE when C2 ='N' then
apex_item.select_list_from_query(3, C3,'select a1 d, a2 r from table1', 'ENABLED', 'NO',null,null, 'f03_#ROWNUM#')
else
apex_item.select_list_from_query(3, C3,'select a1 d, a2 r from table1', 'DISABLED', 'NO',null,null, 'f03_#ROWNUM#')
END C3
from table;
All columns C1,C2,C3 are defined as "Standard Report Columns".
The results allows the column C3 field to be enabled or disabled for input depending on a condition.
The problem is when you hit the default button "Add Row" to add a new row. The row is non-editable and is populated with null values.
What I want is to allow input when a new row is inserted into the multi-row detail form.
Can any one help?
Is there a way to change the Display As field for the new row columns to "text field" from "standard report column" dynamically?

I think you will need to use the old way of adding rows instead of the new one. I remember having headaches trying to get it working.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.apress.com/9781430235125
http://apex.oracle.com/pls/otn/f?p=31517:1
http://www.amazon.de/Oracle-APEX-XE-Praxis/dp/3826655494
-------------------------------------------------------------------

How can i define the width of report column in report region ?

Hi,
I have report region and i want to have a static width for each column ( not based on column name of column data ), how can i do it ?
Thanks in advance ,
Yoel

Can you provide more details pls? I am also trying to change widht of report columns and I do not see anywhere in reports atrributes where it allows me to do that...Thanks so much!

Passing parameter from interactive report column link to new page

I'm very simply trying to pass the value of the column link to the where clause on the next page.
Interactive Report on P2 has column link fid alias in sql query.
I read somewhere to refer prefix the interactive report column with IR ??
So I have item name P2_FID, value #FID#. Anyway, I've tried a kazillion things.
Created a hidden item with same source value... sigh.
Is there a syntax to refer to a report column link, rather than an item_id in a region where clause?
Is there a simple direct way to do this?
Thanks,
Pamela
-----pls/apex/f?p=163:1:2746459963336955::NO::P2_FID:119

Thank you Varad...
Unfortunately, I am still getting no data found. (and there IS data).
a) Do you mean in the link column section of the report attributes? that is done: item 1 name= IR_P2_FID, value = #FID#
b) Do you mean my changing my hidden page item to ir_p2_fid with its source value as #FID# ? also done.
Do I need this hidden item?, and if not how do I refer to link in the where clause of the called page's sql region?
3) Where Fishery_id = :IR_P2_FID
Where Fishery_id = &IR_P2_FID
Thanks again!
Pamela

How to accessing current row report column value in Lov Query?

Hi,
which access methods (eg. bind variables, substitutions, ...) for getting the current row report column value can be used in the "Lov Query" property of a report column?
As what I know of and what I have read on the forum there are no bind variables for the report columns. For the "Link Text" property it seems that the column values exist as substitution strings (#COLUMN_NAME#). But they don't work in the Lov Query. => And would be good because of a hard parse each time the Lov query is executed.
The following post (Re: Simulating a correlated sub query in lov
is showing a solution to use package variables for temporary storage of the referenced value, but the only problem with that solution is that if a new record is added with the "Add rows to tabular form" process the package variable still contains the value from the last queried row! Is there a way (variable, APEX package, ...) to determine if the lov query is executed for a new record so that the package can return null?
I know that I could write the package in a way that the value is immediately cleared when lov_pkg.keyval is called (one time read), but then I would have to create several variables if I'm accessing the value multiple times in the query or in another query => I think an one time read solution would be very obscurely.
Thanks for your help
Patrick
http://inside-apex.blogspot.com

Hi Patrick,
I agree that it's a waste to continually use Ajax to go back to the server to get the contents of a dynamic select list.
There are no bind variables for any row item - but what you do have, as per my previous post, is the value of the data entered by the user in the first row. You can pass this into your application process (using get.add("VARIABLENAME", value)), which can use it to retrieve the correct LOV in your Ajax code - this will give you a "bind variable" that your process can use.
What you could do, however, is generate hidden select lists on your page - one for each possible LOV list and replace the contents of the new row's select list with the contents of the appropriate hidden select list. This is easy to do with javascript (using innerHTML functions). Obviously, though, the usefulness of this depends on the number and size of the select lists.
Even if you don't generate them to start with, you can keep a copy of any select lists returned by Ajax in the DOM for use on new rows. So, if you have retrieved a select list, you will have a copy of it in DOM which you can then copy into the new row. If you don't have the list in DOM, use Ajax to get it, store a copy of it and copy it into the new row.
Which method you use will depend on the number/size of select lists needed. If they are few in number and/or size, I would suggest generating hidden lists. If they are large, use Ajax to get them once, store them and then retrieve them from the DOM when needed.
There is another thread here where Arie recommends going to the server every time to make sure you get the most up-to-date data for the lists. If you want to follow this advice, for this reason, use get.add("VARIABLENAME", value) to pass the value to your process. If this is not an issue, you can use one of the other methods I outlined above.
Regards
Andy

Usong icons in report columns

Similar Messages

Maybe you are looking for