Background image on Interactive report column

Hi,
I have had a request from a customer with regards to displaying a background image behind a column on an interactive report.
The interactive report is used to show notes added for an individual in the application.
They want to display a note image behind the text to make the note stand out better.
Is it possible to add a background image to the each cell in the interactive report
Thanks
Kevin
Edited by: Cod'ead on Nov 30, 2009 3:43 PM

Take a look at this list of threads (You may find something that helps..) : Oracle Application Express (APEX)
Thank you,
Tony Miller
Webster, TX

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

Resizing an image in Interactive report

Hi All,
I have a report showing number of columns one of which is BLOB image. Problem is when massive, the row can take well over half the screen.
With firebug, I found that if I tweak add style attribute to IMG, (style="WIDTH:200PX;") then I can resize it.
However I am not loss where to insert this. There is nothing in the column attribute of the Image column in interactive report that allows me for this.
Would be grateful if someone can share a tip on how to resize image displaying on interactive report.
Thanks.
INFO
I followed this tutorial: http://www.oracle.com/webfolder/technetwork/tutorials/obe/db/apex/r31/apex31nf/apex31blob.htm
Running APEX 4.1.1

Hi,
Put this Style in Page HTML Header
<style type="text/css">
.apexir_WORKSHEET_DATA td[headers="IMAGE"] img // "IMAGE" ->Give Your Report Column Name
width: 50px;
</style>Brgds,
Max.

Make interactive report column nowrap

How do I make one of the interactive report column nowrap? In the standard report, I can add "white-space:nowrap" to column formatting, but IR does not have this option.

Hi,
Regular reports typically use different class name and other attributes for headings/data cells.
In some cases, the TD tag that contains the data uses the "headers" attribute containing the column name or alias. Many browsers can use this for styling.
For example: [http://apex.oracle.com/pls/otn/f?p=267:114]
In the region's Region Header, I have:
<style type="text/css">
td[headers=ENAME] {background-color:red}
#ENAME {background-color:yellow}
</style>I've used the background-color style to make it obvious, but other styling can be used if required. On this report, the column heading uses the column name/alias for the ID, so I've also used #ENAME to style that as well.
Andy

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

Images in a report column

Hi,
I'm working with obiee 11.1.1.6.1 and I need to add images in a report column.
I tried to follow the advices of Gerard for formulas as in
http://gerardnico.com/wiki/dat/obiee/image
but I don't see the images. I used the formula
'<img src="dir/dir/.../myimage.gif">' with data format HTML.
What wrong? Thank for your help.
maxb (Italy)

Hi,
Please refer this link.
I guess you have to place image into two location. Please refer the location path the below link then try to use same syntax
http://satyaobieesolutions.blogspot.in/2012/08/fmap-in-obiee-10g-obiee-11g-using-fmap.html
Thanks,
satya
Edited by: Satya Ranki Reddy on Sep 3, 2012 4:48 PM
Edited by: Satya Ranki Reddy on Sep 3, 2012 4:50 PM

How to display data in interactive report column without colons (:)

Dear Apex gurus,
I'm a newbie and have just created an Apex application from a spreadsheet. I've created a named list of values and used it in a checkbox against a field in the default page 3 Create form.
When I've selected multiple values in my check box in the form, the data in the interactive report appears as one line with colons separating the selected values like this: Dog:Cat:Bird
What I would like is to have the data appear in the interactive report column as a multi-line list like this:
Dog
Cat
Bird
I can work around this by modifying the SQL code in the Region Source of the Region Definition of the report (Default Page 1 interactive report) to replace the colons with <br>
SELECT replace("PETS_CHOSEN",':','<br>') "PETS_CHOSEN", FROM "MYAPP" Note: this doesn't format properly in the posting. I replace the colon with a html br
This works, but seems to be a hack to me. I am guessing that I've missed a simple option setting somewhere, but I can't find it.
The other problem with this solution is that when I export the report to Excel, what is exported is Dog<br>Cat<br>Bird, which is seems worse than colons.
Thanks,
- Morgan
Edited by: mnrussel on 16-Feb-2009 04:13

Hi Morgan,
I think you have at least two choices:
1 - Replace the colons with ', ' (comma and space) - sort of reasonable on screen and in an export
2 - Create a second page that has the same report but uses the "export: csv" template. Create a manual link to this page to replace the standard Export link. When such report pages are requested, they download immediately instead of displaying. You can, therefore, use commas in this one and <br> tags in the on-screen report version
Andy
ps - To display tags in a post, use &lt; for < and &gt; for >

Interactive Report Column Headings and Row Height

I am using the div style="width:350px;" method to control the width of columns in various interactive reports. That works fine except for the following:
1. When creating filters, the <div...> stuff shows up along with the actual column heading, thus confusing some end users
2. Even when I uncheck the "Use same text for single row view" checkbox and then provide a simple single row view label, the <div> stuff still shows up on the single row view
Does anyone have a better solution?
Also, does anyone know of a way to limit the row height within an interactive report row? I have some columns of data that contain a large amount of HTML data and I'd like to be able to limit the number of rows that show on the report.
Is Oracle planning to provide some better control over the Interactive Report columns in another version? The Interactive Report is such a huge improvement in usability in APEX - it would be great to take it to another level by providing some better control over column width and row height.
Edited by: DaleB on Jun 18, 2009 8:54 AM
Edited by: DaleB on Jun 18, 2009 8:54 AM

Dale,
Unfortunately we don't have much we can use to do what you would like. I would have said it's impossible until version 4 but you could actually do something similar to what Roel has done. His trick is in the edit button. He changed the edit button to use an "onload" call to a JavaScript process. You could do the same but call a process that goes across the rows and styles each column. Now because you don't have a way to identify the column (can't use the order because the end user could change it) you'll have to write the code to look at the top row first and then style the appropriate column. As far as I can tell, this would be quite difficult and inefficient. Having said that if you need it that bad and would like some help with it, put up an example application on apex.oracle.com and provide the workspace/username/password and I'll take a look.
Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen
You can reward this reply by marking it as either Helpful or Correct ;-)

Interactive Report column visible but cannot filter

I have a complex interactive report running on Oracle 10gR1 using Apex 3.1
When I display the report, all the desired columns are visible. However, when I try to do a filter on a particular column it does not appear in the column filter list even though it is visible in the Select Column list. All the other report columns are available in the filter list.
The specific column is the result of a join and a substitution within the SQL select. The problem column is 'file_nm'. I've bolded the line in the script below.
Any suggestions?
Thanks,
George
Here's the IR sql:
WITH joined_data AS
( SELECT a.fdno fdno
, a.site_abbrv_cd site
, a.season
, a.find_id
, a.dig_ctgy_cd dig_ctgy
, a.find_ctgy_cd find_ctgy
, a.materials_qstnbl_ind matl_qstnbl
, a.color
, a.field_obj_type_nbr field_type_nbr
, a.is_inscribed_ind is_inscribed
, a.display_seq_nbr seq_nbr
, n.img_file_nm file_nm
, h.material_descr
, g.general_matl_ind primary
, g.specific_matl_ind secondary
, i.keyword
, i.kw_cls
, i.lvl_nbr
, j.kw_descr
, b.site_subdiv_type_cd AS type
, b.site_subdiv_nm AS nm
, CONCAT(b.sq_h_coord, CONCAT(b.sq_v_coord,
CONCAT(':', b.locus_nbr))) AS locus
FROM find a
LEFT OUTER JOIN ref_item_assoc m ON a.find_id = m.obj_id
AND m.deflt_dsply_img_ind = 'Y'
LEFT OUTER JOIN digital_img n ON m.ref_item_id = n.ref_item_id
LEFT OUTER JOIN find_site_subdiv ab ON a.find_id = ab.find_id
LEFT OUTER JOIN site_subdiv b ON ab.site_subdiv_id = b.site_subdiv_id
LEFT OUTER JOIN keyword_assocn i ON a.find_id = i.obj_id
LEFT OUTER JOIN keyword j ON i.keyword = j.keyword
AND i.kw_cls = j.kw_cls
LEFT OUTER JOIN material_find g ON a.find_id = g.find_id
LEFT OUTER JOIN material h ON g.material_cd = h.material_cd
SELECT site
, find_id
, season
, fdno
, matl_qstnbl
, CASE WHEN color IS NOT NULL THEN color ELSE 'No entry' END AS color
, CASE WHEN field_type_nbr IS NOT NULL THEN field_type_nbr ELSE 'No entry' END As Field_type_nbr
, is_inscribed
, seq_nbr
*, MAX (CASE WHEN file_nm IS NOT NULL THEN 'Y' ELSE 'N' END) AS file_nm*
, MAX (CASE WHEN type = 'AR' THEN nm ELSE 'No entry' END) AS Area
, MAX (CASE WHEN type = 'AL' THEN nm ELSE 'No entry' END) AS A_Level
, MAX (CASE WHEN type = 'LO' THEN locus ELSE 'No entry' END) AS Locus
, MAX (CASE WHEN kw_cls = 'FI_CTGY' THEN kw_descr ELSE 'No entry' END) AS find_ctgy
, MAX (CASE WHEN kw_cls = 'FI_DIGCTGY' THEN kw_descr ELSE 'No entry' END) AS dig_ctgy
, MAX (CASE WHEN primary = 'Y' THEN material_descr END) AS Primary
, MAX (CASE WHEN secondary = 'Y' THEN material_descr END) AS Secondary
, MAX (CASE WHEN (kw_cls = 'FI_DESCR' AND lvl_nbr = 1) THEN keyword ELSE 'No entry' END) AS descr1
, MAX (CASE WHEN (kw_cls = 'FI_DESCR' AND lvl_nbr = 2) THEN keyword ELSE 'No entry' END) AS descr2
, MAX (CASE WHEN (kw_cls = 'FI_DESCR' AND lvl_nbr = 3) THEN keyword ELSE 'No entry' END) AS descr3
, MAX (CASE WHEN (kw_cls = 'FI_DESCRN' AND lvl_nbr = 1) THEN keyword ELSE 'No entry' END) AS DescrN_1
, MAX (CASE WHEN (kw_cls = 'FI_DESCRN' AND lvl_nbr = 2) THEN keyword ELSE 'No entry' END) AS DescrN_2
, MAX (CASE WHEN (kw_cls = 'FI_DESCRN' AND lvl_nbr = 3) THEN keyword ELSE 'No entry' END) AS DescrN_3
, MAX (CASE WHEN (kw_cls = 'FI_DESCRN' AND lvl_nbr = 4) THEN keyword ELSE 'No entry' END) AS DescrN_4
, MAX (CASE WHEN (kw_cls = 'FI_DESCRN' AND lvl_nbr = 5) THEN keyword ELSE 'No entry' END) AS DescrN_5
, MAX (CASE WHEN (kw_cls = 'FI_DESCRN' AND lvl_nbr = 6) THEN keyword ELSE 'No entry' END) AS DescrN_6
, MAX (CASE WHEN (kw_cls = 'FI_DESCRN' AND lvl_nbr = 7) THEN keyword ELSE 'No entry' END) AS DescrN_7
, MAX (CASE WHEN (kw_cls = 'FI_DESCRN' AND lvl_nbr = 8) THEN keyword ELSE 'No entry' END) AS DescrN_8
, MAX (CASE WHEN (kw_cls = 'ARCH_CNTXT' AND keyword IS NOT NULL) THEN keyword ELSE 'No entry' END) as arch_cntxt
FROM joined_data
GROUP BY site, find_id, season, fdno, matl_qstnbl, color, field_type_nbr, is_inscribed, seq_nbr
ORDER BY seq_nbr

Look at the interactive report Column Attribute, Allow Users to Filter check box might not be checked for this column. Thanks.
--Manish

Background Image on a Report Region

Greetings,
Is it possible to put a background image on a report region? Using the code shown below I can get an image on most other region types, but the code simply doesn't work on a report region.
Thanks in advance for your help, Tony
REGION HEADER
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left"
background = "#WORKSPACE_IMAGES#image.jpg">
<tr height="500px" align="left" valign="top">
<td>
REGION FOOTER
</td>
</tr>
</table>

cloaked wrote:
Greetings fac586,
Been reading up on CSS's. I guess the main aspect is to determine the CSS component that deals with the Tabular Form in the Template I am using and modify it. I would need to modify the background attribute of the Tabular Fom, right?
Gotta crawl before I walk, so I am also assuming that I would modify the CSS initially with a hard-coded background image. Then, if I get that to work I would make the image dynamic based on the criteria in a database. Am I on the right track?
Is there a common attribute/component in the Apex Template CSS's for Tabular Forms? I've tried to find it, but am not sure what I'm looking for.Tabular forms can be created using any report template—built-in or custom—so the CSS will differ by theme and template.
Yes, you can define background images for report templates, but It's not appropriate to do what you're trying to do at the report template level. Templates are static and defined at design-time. Challenging Apex Page - Grid with 100+ items - Suggestions Needed. This needs to be dynamic and determined at run-time.

Can we set the Background Image for a Report

Hi,
I am generating a report thru the web now i want to give the background image to the report, let me know if any body knows about this.
Thanx

hello,
try the before reports value of your report-level properties. add the BACKGROUND attribute to the BODY tag to reference an image-file for the background.
regards,
the oracle reports team

I need to set background image in interactive forms. How it is possible ple

Hi,
I need to set background image in interactive forms. How it is possible please explain it step by step.
Regards,
Gurprit Bhatia

Hey Gurprit,
All you need to do is:
1. drag and drop the Image object from the Library -> Standard tab
2. select the image you want to use
3. position the image on the form where you want
4. right click the image and say "Send to Back"
That should be it!!
Cheers,
Kevin

Uploading an image in interactive report APEX 4.0

Hi,
I hope you can help me. I am using the book "Begining ORACLE APEX", which is for APEX 3.1.2, to learn APEX. Now, I use the online APEX 4.0. In the 6th chapter one should add new columns to the PRODUCTS table: one for the PRODUCT_IMAGE, a BLOB column, and 3 more for MIMETYPE, FILENAME, and IMAGE_LAST_UPDATE. So, i need to make an interactive report, with this new table. I include it, but when I run the application it doesn't show. So i insert in the SQL for the report : "PRODUCT_IMAGE", and run the page again, and there i add the column using Actions button. When added, each row is is filled with: [unsupported data type]. When trying to upload an image it doesn't work. It doesn't show anything. I even tried putting: dbms_lob.length("PRODUCT_IMAGE") "PRODUCT_IMAGE" in the SQL of the report, but it doesn't work. It is like a problem with uploading the image. It doesn't do anything.
I would really appreciate your help, this is really important for my job..
Sincerely,
Leila

See the sample application provided in your workspace, there in page no 3 they have created a interactive report showing a image in one of the column, I think it will solve your problem.
Tauceef

Interactive Report Column Heading Filters using LIKE instead of =

Still on APEX 3.1
I have an inter active report with a column Like Below
select case when trunc(c.resp_contact_dt, 'MM') = trunc(sysdate, 'MM') or trunc(c.oth_contact_dt, 'MM') = trunc(sysdate, 'MM') then '<img src="/i/contact_2_green.png" alt="RESP A: ' || to_char(c.resp_attempt_dt, 'MM/DD/YYYY') || ' C:' || to_char(c.resp_contact_dt, 'MM/DD/YYYY') ||'
' || 'OTH A: ' || to_char(c.oth_attempt_dt, 'MM/DD/YYYY') || ' C:' || to_char(c.oth_contact_dt, 'MM/DD/YYYY') || '">'
when trunc(c.resp_attempt_dt, 'MM') = trunc(sysdate, 'MM') or trunc(c.oth_attempt_dt, 'MM') = trunc(sysdate, 'MM') then '<img src="/i/contact_2_yellow.png" alt="RESP A: ' || to_char(c.resp_attempt_dt, 'MM/DD/YYYY') || ' C:' || to_char(c.resp_contact_dt, 'MM/DD/YYYY') ||'
' || 'OTH A: ' || to_char(c.oth_attempt_dt, 'MM/DD/YYYY') || ' C:' || to_char(c.oth_contact_dt, 'MM/DD/YYYY') || '">'
else '<img src="/i/contact_1_red.png" alt="RESP A: ' || to_char(c.resp_attempt_dt, 'MM/DD/YYYY') || ' C:' || to_char(c.resp_contact_dt, 'MM/DD/YYYY') ||'
' || 'OTH A: ' || to_char(c.oth_attempt_dt, 'MM/DD/YYYY') || ' C:' || to_char(c.oth_contact_dt, 'MM/DD/YYYY') || '">' end as Contact,
This column header has an User defined LOV
select '%green%' d,
'<img src="/i/contact_2_green.png">' r from dual
Union select '%red%' d,
'<img src="/i/contact_1_red.png">' r from dual
union select '%yellow%' d,
'<img src="/i/contact_2_yellow.png">' r from dual
When user select my Red image from the column header link
the filter generates where contact = '%red%' This fails
Is there a way to generate the filter contact like '%red%' without the user having to change it to like.
Is this possible in 4.0?

I am assuming Because of the crickets either I am doing my SQL to incorrectly and there is a better way to return get a popup with a changing image into an interactive report
or
There is no way to do what I am trying

Background image with Crystal Report 2008

Hi,
I have to develop an invoice report with a background image on the full page.
I have already develop some trying but i have not the right result:
1) Background image in page header
2) Create 2 different sections: one for the image and one with labels and data
3) Background image in report header
4) Background image in report footer
In all of my tests in Report > Section Expert, I check Underlay Following Sections on the Common tab
but never the image was printed in background respect of the different sctions.
I always got the image and then the rest of the report
Can you help me please?
Thank you for your attention
Bye
Edited by: EDPTEAM on Aug 30, 2011 5:52 PM

Hello Brian.
Thanks for you answer.
I do just like you say but i have the same problem.
My report is like an invoice: i have an header, a body with a group and 2 sections and a footer.
All the pages of my report must be printed on a background image (A4 format).
This is the problem.
If i create a report with image in a single section all is ok. But in my report if i use a small image, the image is printed and hide columns separator (simple vertical lines) and show data but the following sections lose their right position.
If I use the original image (A4 format) CR return the following error:
header or footer too large for the page
o similar word (I translate from italian to english because I am working with italian version).
Do you have other solutions?
Thank you wery much.
Best regards

Background image on Interactive report column

Similar Messages

Maybe you are looking for