nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Embed Image in Parameter Page

Bruno A

Hi, I'm new to this forum. I see this forum is very helpful. It has solutions for different scenarios.
I have a interesting request from user to embed image in the parameter page.
Is it doable in the first place?
When I right click on report parameters I don't see Insert Element to insert any object.
Is there a sneaky way to do this using scripts on report methods like before factory or initialize.

Find more posts tagged with

Comments

Clement Wong

The default parameter page cannot display an image from a dynamic data set.
 
What is the use case? Can you provide more details as to where the image is coming from?
 
Are you using open source BIRT, or commercial BIRT? What version?

Bruno A

Hi, I attached screenshot. This report is being used by call center people. Use/purpose is to get customer information with the help of image and fill the respective parameter values.
Currently the image is in my local/workspace.
I'm using open source BIRT version 4.2.3

Clement Wong

To clarify, your screenshot is a listing report? And you want images in that report? Or on the parameter page before the report is executed?
 
The parameter page can be customized, or you can make a report look like a parameter page, and then execute your final report.

Bruno A

Hi, screenshot is not a listing report. It is a jpg file.
I would like to see image on the parameter page before the report is executed.
Can you please let me know how can I customize parameter page or make the report look like parameter page,
and then execute final report(in this case the image will show up in the 1st report and when hit ok the report parameters will show up in the drill through report right)
Do you have any design example.

Clement Wong

To confirm, you just want a simple image on your parameter page? You can modify the out of box JSP to do this. The file ParameterDialogFragment.jsp is located under ...\birt\webcontent\birt\pages\dialog
 
Right before: <DIV CLASS="birtviewer_parameter_dialog">
 
Also, you can have a IF/THEN to display the image if you want it based on a specific report name/substring.
 
Or did you want dynamic images from a database on your parameter page?

Bruno A

Hi, yes just a simple static image on the report parameter page(not dynamic images from a database).
I was able to find ParameterDialogFragment.jsp and I added <img src="/image/81.jpg" /> to the jsp
right before the DIV CLASS and copied 81.jpg to the birt\webcontent\birt\images.
Then I ran my report but the image is not showing up in the parameter page.
Is the syntax to display image incorrect?
I tried both relative and absolute path(image file from server).

Clement Wong

In my test, there is an existing "Idea.jpg" image under ...\birt\webcontent\birt\images, and I just added this code into ParameterDialogFragment.jsp.
 
Where the first "birt" referenced in the URI is the application context path for the BIRT Viewer when it was deployed:
<IMG SRC="/birt/webcontent/birt/images/Idea.jpg">

Bruno A

Hi, I attached screenshots. The first is the one I added code to jsp and the 2nd one, I imported image to embedded images(I don't think this one is necessary) and when I hit on view report the image is not showing up in parameter page.
Am I missing something?

Clement Wong

You do not need to add an embedded image into a report design.
 
Your image file should reside in your application server (Tomcat, Weblogic, jBoss, etc...), specifically under the deployment of the BIRT Viewer.
 
Where are you running the design from? What application server did you deploy the BIRT Viewer to? What context path did you deploy the BIRT Viewer as?
 
Are you running this in the Designer as a test? If so, then you'll need to put the image into your Designer's Viewer as well. For BIRT 4.5.0 and with our example that would be in ...eclipse\plugins\org.eclipse.birt.report.viewer_4.5.0.v201506092134\birt\webcontent\birt\images.

Bruno A

Hi, I'm running this in designer as a test and copied image in the path you mentioned under the BIRT version I'm using (which is 4.2.3) but no luck. I attached test report, jsp and image.
Can you please check if I'm missing something. May be something to do with the image path(syntax).

Clement Wong

In your JSP, instead of <img src="./eclipse/plugins/org.eclipse.birt.report.viewer_4.2.3.v20131216-0430/birt/webcontent/birt/images/81.jpg" />
 
Since the image is served by the embedded app server, try <img src="/birt/webcontent/birt/images/81.jpg" />

Bruno A

Hi, I tried but no luck.
Quick question, if above code works fine then if I run any report which has parameters
the image will show up right(on my local)?

Clement Wong

Sorry, that should have been "viewer" not "birt" because when viewing from the Designer, the context path is "/viewer"
 
<img src="/viewer/webcontent/birt/images/81.jpg" />

Bruno A

Hi Clement, I tried above path but no luck. As a workaround I used 2 reports. 1st report has image in grid and a label hyperlink to the 2nd report which takes to parameter page.
Thanks a lot for your time.