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.

Similar Messages

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

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

SSRS - A Subreport background image is overridden by background image of parent report

Hello. I have a background image on my parent report and a different background image for my sub reports. The background image of my sub reports are instead inheriting the background image of the parent report. I've researched and found nobody talking about
this. All my images are embedded.
Is there away around this?
Thanks,
James
James

For both the parent report and the sub report, I right clicked the Images folder in the Report Data section and embedded the images in the rdl. The parent report has an embedded image called watermark. The child report has an embedded image called subreportwatermark.
In the parent report, I added the following to the report properties:
In the child report, I added the following to the body properties:
Yes, I use an expression to determine whether to use the watermark or nothing based on a field of a dataset as you see above in both Value properties of both the report properties of the parent report and the body properties of the child sub report.
If I run the sub report only in the BIDS solution for a child row that has Y for watermark value, the sub report's subreportwatermark does show.
If I run the sub report only in the BIDS solution for a child row that has N for watermark value, the watermark does not show.
So far so good.
If I run the parent report in the BIDS solution for a parent row that has Y for watermark value, I don't get what I
expect. Here is the scenario. Five pages are produced. One for the parent, and one each for the sub report.
Parent Row - Watermark Y
Child Row 1 - Watermark Y
Child Row 1 - Watermark N
Child Row 1 - Watermark N
Child Row 1 - Watermark Y
What I expect to see.
Page 1 - Parent Report's watermark should display.
Page 2 - Child Sub Report's subreportwatermark should display.
Page 3 - Child Sub Report's - No watermark at all.
Page 4 - Child Sub Report's subreportwatermark should display.
Page 5 - Child Sub Report's - No watermark at all.
To be clear. I should NEVER expect to see the parent report's watermark on pages 2 - 5.
What was the actual result? This is what I see in BIDS when I click the preview tab in
Print Layout.
Page 1 - Parent Report's watermark displayed.
Page 2 - Child Sub Report - Parent Report's watermark displayed.
Page 3 - Child Sub Report - Parent Report's watermark displayed.
Page 4 - Child Sub Report - Parent Report's watermark displayed.
Page 5 - Child Sub Report - Parent Report's watermark displayed.
This is what I see in BIDS when I click the preview tab in View
Layout.
Page 1 - Parent Report. No watermark displays.
Page 2 - Child Sub Report - Child Report's subreportwatermark displayed.
Page 3 - Child Sub Report - No watermark.
Page 4 - Child Sub Report - Child Report's subreportwatermark displayed.
Page 5 - Child Sub Report - No watermark.
Both the print layout and view layout is wrong. What matters is what prints or is saved to a pdf. What prints and gets saved to a PDF is the Print Layout view.
If you want, we can swap rdls. Can you send me your rdls?
You can find my rdls at:
https://onedrive.live.com/redir?resid=4292E6DE18E2BB8F!3676&authkey=!AKJwIRWxPmOPitw&ithint=folder%2crdl
Thanks,
James

Add a Background-Image to an Editable Region

I would like to add a background image at the bottom of this page (www.theram.com/drink_specials.html). The 'body' editable region is where I would like to add it but I am not sure how to...could you help me out? I don't want this image to show up on all template pages, just this page.
I added this code in the head section for only this page but obviously it is not correct because I don't see the image.
<style type="text/css">
<!--
body {
          background-image:url(/images/backgroundStoli_web.jpg);
          background-repeat: no-repeat;
          background-position: bottom;
</style>
Thanks for your help!!

npolen wrote:
I'm sorry, I don't think I was very clear on where I wanted this...I would like it to be in the white part of 'body' editable region that has the drink pictures and descriptions in it. How do I add a background image to that part of the page? Thanks!
In that case add an 'id' to the <th> cell that the drinks table is inserted into (see below - id="bg_1")
<th width="675" id="bg_1" align="left" valign="top" bgcolor="#FFFFFF" scope="col">
Then amend your 'body' css selector to #bg_1 (as below)
#bg_1 {
    background-image:url(/images/backgroundStoli_web.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
I don't know if /images requires a leading slash infront of it. If the background image does not show up get rid of the leading slash /
Not sure why youre using a <th></th> table cell to insert the drinks table into. A <th></th> tag is a table header tag.......you should really be using a <td></td> tag.

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

Virtual directory in region header background-image not working

I created a region with a region header that needs the background image to repeat vertical as well as horizontal, so the class was changed to include repeat instead of repeat-x.
So i replaced class t20RegionHeader with this:
.t20RegionHeader {
vertical-align: center;
font-weight: normal;
font-size: 9pt;
font-weight: bold;
color: #343434;
background-image: url(/i/hdingBar-BG.gif) ;
background-repeat: repeat;
text-align: left;
padding: 1px 8px;
white-space: nowrap;
border: 1px solid #a3bed8
I put "/i/" in the background-image's url bacause I am referencing an image in the virtual directory but it didn't work. Please help!!
I have it on APEX.ORACLE.COM:
Workspace: RGWORK
User: TESTER
Password: test123
Application: 41237 CreativeTest
Page: 11
APEX: Application Express 4.0.2.00.07
DB: Oracle 10.2.0.4
Robert
http://apexjscss.blogspot.com

sect55 wrote:
I created a region with a region header that needs the background image to repeat vertical as well as horizontal, so the class was changed to include repeat instead of repeat-x.
So i replaced class t20RegionHeader with this:
.t20RegionHeader {
vertical-align: center;
font-weight: normal;
font-size: 9pt;
font-weight: bold;
color: #343434;
background-image: url(/i/hdingBar-BG.gif) ;
background-repeat: repeat;
text-align: left;
padding: 1px 8px;
white-space: nowrap;
border: 1px solid #a3bed8
<tt>center</tt> is not a valid value for <tt>vertical-align</tt>: should be <tt>middle</tt>.
Firebug reports "Failed to load the given URL" for <tt>/i/hdingBar-BG.gif</tt>. Does this image exist at that location? (Are you talking about apex.oracle.com or your local environment? If it's the latter, check that the <tt>hdingBar-BG.gif</tt> image file exists at the location specified by the virtual directory <tt>/i/</tt> and that the permissions are set to make it readable.)

Show Image in an SQL Report Region

Hi,
I'm having some trouble with showing an image in an sql report region.
I used the Upload/Download Tutorial in the HTMLDB How-Tos and it worked well.
Now, I have the following in the query region:
select s.facilityid, s.id, s.name, s.subject,
'<img src="#OWNER#.download_my_file?p_file=s.id" width="90" height="70">' image
from file_subjects s
where s.facilityid = :FACILITYID
I get a red X in place of the picture. I know that the pictures are there and have been uploaded successfully. Can anybody tell what I am doing wrong?
Thanks much,
Nora

Nevermind, I fixed it by changing the image line to
'<img src="#OWNER#.download_my_file?p_file=' || s.id || '" width="90" height="70">' image
Thanks
Nora

How to find orientation of image displayed in a report region

Hello,
I have Apex 3.1 application showing an image in a report.
The images are held as files on the web server and filename and description held in a database table
I can use SQL to retrieve the data into report columns and then HTML expression to display the image as a fixed size as shown below. This works fine for landscape pictures but obviously distorts portrait ones.
I wanted to check the orientation of the image and adjust width and height if portrait. I was considering using javascript to get image.height and image.width but am not sure how to reference the column and feed back into the HTML expression.
Is this this the best approach and any help how to reference the column would be appreciated
Many thanks
Colin
The Report Region Source is -
select "PHOTOFILE"."FNAME" as "FNAME" ,
"PHOTOFILE"."ID" as "ID",
"PHOTOFILE"."DESCRIPTION" as "DESCRIPTION",
"PHOTOFILE"."FNAME" as "IMG2"
from "PHOTOFILE" "PHOTOFILE"
where id=:P4_IMAGE_IDColumn Attributes IMG2
Column Formatting
HTML Expression
<B><I><U><font face="verdana size="16"><center> #DESCRIPTION# </I></U>
<font face="verdana size="20">&P4_DESCRIPTION.
</B></center></font>
<br/>
<img src="#IMG2#" width=600 height=400 >

This example may help you, although a bit different from what you want to achieve:
http://apex.oracle.com/pls/otn/f?p=31517:212
The point was:
1. display image region should be fixed size (300px wide and 300px height)
2. if the image size is bigger than that, the region should expand automaticaly.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Background Image not visible in a PDF report

Hi Experts!
I create a WORD 2007 template for BI Publisher 11g. I use a background image.
When I test the template locally as a PDF, the background image is visible, but when I open the Report with the BI Publisher, there is no image.
Has anyone an idea?
Regards Norbert

The size of the images was too big after compressing it. It worked fine.

Setting background image for repeating frame in .pdf report

Is it possible to set a background image for a repeating frame, and more specifically for a repeating frame rendered in .pdf?
I do not see any standard property in the navigator for images of any sort and the documentation touches only on setting background images for graphs, which is not the intent in my case. I -did- add an HTML table property background="myimage.jpg" but the report is ultimately generated in .pdf format and I was not surprised to see that the image was not rendered.
Does anyone know if setting a background image as described is even possible, and if so, how? A second but less optimum solution would be setting the image as the background for all report pages, again in .pdf.
Many thanks.

Hi Raj,
Yes you can have an image in the background. Thats possible if you are using XML forms as an iview or ivew dev in WebDynpro...
Also check this [link|regarding background color change in iview]
Regards,
Piyush
Reward points if this helps!!!

SSRS Report - background image not displaying in MHTML email

We have a report that has a rectangle with an image as a background (doesn't make any difference whether image is external, embedded, etc). The background image displays fine on the screen and when exporting to PDF, but doesn't show when emailing (via subscription)
in MHTML format and opening in MS Outlook, gmail, etc.
It seems to be a legitimate bug with SSRS (have tried in SSRS 2008 R2, 2012, 2014).
Is there a workaround? Service Pack?

Hi Corey Gray,
Per my understanding that the background image in the email subscription not display which format is MHTML, right?
I have tested on my local environment and can reproduce the issue. I deliver this report to three email amounts: Outlook, Hotmail and 163, below I will share the test results with you.
Outlook: the backgroudimage disappear in the email body and there is no one attachment being sent in the email.
Hotmail: the backgroudimage disappear in the email body, however, the backgroundimage being sent as one attachment in the email.
163: the backgroudimage displays in the email body and the backgroundimage being sent as one attachment in the email.
Based on previous test results, we can conclude that: these different scenarios caused by the settings of the email rather than Reporting Services.
If you are using Outlook, I would recommend you submit one thread in this Outlook forum,
http://social.technet.microsoft.com/Forums/en-us/outlook/threads.
In this forum, you can get more professional support about how to set the Outlook.
If you have any other question, please feel free to let me know.
Regards
Vicky Liu

Background image in reports?

can we place a background image in reports and alv's?
if so, tell me the process.

Hi Shahid,
go through the following links :-
https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sapportals.km.docs/library/abap/how%20to%20generate%20and%20display%20svg%20graphics%20in%20abap%2c%20part%201.article
I think it will be helpful.
Reward points if helpful
Regards.
Srikanta Gope.

Expand the Background Image to Cover the Entire Region Title

I have a region title that contains an image and it has a height of 2 rows but the background image (blue image) is not expanding in the area (the css contains repeat for the background). The application uses theme 2. Can someone help?
CSS:
.rc-title {
    background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
    float: left;
    width: 100%;
div.rc-blue-top
    background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
    float: left;
    width: 100%;
}I created the application on APEX.ORACLE.COM:
Workspace: RGWORK
User: TESTER
Password: test123
Application : CSRSR (33558)
Select Signage from the menu (only choice).
You will see that one of the tabular forms has Nameplates and an image, another tablular form has an image but no text (Nameplates) even though it is there. I would live the blue to cover both the image and the text.
Please help
DB: 10g
APEX 4.1
APEX 4.2 (APEX.ORACLE.COM) works the same way.
Robert
http://apexjscss.blogspot.com

sect55 wrote:
fac586 ,
I would like to try the second option:
>
Another option would be to eliminate the problem by moving the nameplate images out of the region titles. There's horizontal space within the regions that will allow these images to be positioned to the left of the tabular forms, which would look OK.
But how do I reference the horizontal space within the regions? I looked at the template for the region:
<div class="rounded-corner-region float-left-100pct" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
<div class="rc-blue-top"><div class="rc-blue-top-r">
<div class="rc-title">#TITLE#</div>
<div class="rc-buttons">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</div>
</div></div>
<div class="rc-body"><div class="rc-body-r"><div class="rc-content-main">#BODY#<br />
</div></div></div>
<div class="rc-bottom"><div class="rc-bottom-r"></div></div>
</div>and couldn't find out to put the image in the horizontal space.
Can you please help me by providing the details? There are two options, depending on the role you see the nameplate images playing on the page. I've used the two regions to provide one example of each.
*1. Nameplate as eye-candy:* If there's sufficient information in the region title, region content and item labels to make the nameplate images superfluous in providing information to the user, and you're just using them to improve the appearance of the page, then they can be applied purely using CSS.
/* Nameplate image as CSS eye-candy */
#nameplates-ndc div[id$="catch"] {
min-height: 36px;
padding-left: 113px;
background: transparent url(#WORKSPACE_IMAGES#nameplate_ndc.gif) top left no-repeat;
background-size: 103px;
}Note the use of the CSS3 <tt>background-size</tt> property to resize the image. If the app has to run in browsers that don't support this then you'll have to drop it and create an image of the exact size required for use in the <tt>background</tt> rule.
*2. Nameplate as content:* If the nameplate images are necessary to provide information to the user, then they have to be included in the region (and they must have an <tt>alt</tt> attribute providing an alternative representation of the information contained in the image).
Put the image in the region Header:
<img src="#APP_IMAGES#nameplate_n.gif" width="103" alt="Nameplate (name only)" />and float it so it sits alongside the form:
/* Nameplate image as page content */
#nameplates-name .rc-content-main img {
float: left;
margin-right: 10px;
}

How do i create a background image that i can place objects over (editiabel region)

To whom it may concern:
I apologize my dreamweaver skills are a bit rusty to say the
least-sorry. Anyway, i need to be able to place objects and edit
regions of my website that i have a background image on (i have the
opacity turned down so it appears to be nothing more than a
sillouette). I could really use some pointers. Thanx.

Find the DW executable file (in the Program Files/Macromedia
folder
hierarchy), right click on it, select Version, and tell us
which file
version # you see there, please. It will be something like
6.0.xxxx.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"SUPERSTEVE1000" <[email protected]> wrote
in message
news:fcphk5$k3c$[email protected]..
> Hey dee,
> sorry i cant give u an address yet im still tryin to
work out the bugs on
> my
> template. As i said, its been a few years since i have
used dreamweaver,
> and i
> think that we are using a slightly older version of
dreamweaver (6.0) than
> i am
> used to. Um, could u explain DIV's a little more for me,
u can call me
> directly if u want 4174592295.
>

Background Image on a Report Region

Similar Messages

Maybe you are looking for