IBM Business Process Manager


Using image files in coach view


Hello,
I cant figure out how to use images wich i have added to my process app/toolkit .
For example I need to set button image in the coach views.
Hi!
You can use something like that:
tw.system.model.findManagedFileByPath(
"you-image-file-name.png", TWManagedFile.Types.Web).url
There are many ways in which you can do this. If the image file is already imported in the process app, you can provide the following piece of code in the Coach's css override tab.
button
{ background-image: url(
"<#=tw.system.model.findManagedFileByPath("filename.png
", TWManagedFile.Types.Web).url#>");
}
The path of the image will be converted while running the coach. But this will work only for one coach. If you want do it for all buttons in all coaches, then you should write your own CSS file and specify that in the Process App Setting.
Thanks,
Vignesh
Yeah I had the same problem and took some finagling to figure it out.
To add a simple .png as my header of a coach view, I did this:
1. upload image to "Files" as "web file"
2. drag custom HTML onto canvas
3. set source of custom HTML to image tag like:
4. add javascript to load event handler of custom HTML widget that changes image like this:
var img1 = dojo.query("img",this.context.element)[0]; dojo.setAttr(img1,'src',com_ibm_bpm_coach.getManagedAssetUrl("logo.png",com_ibm_bpm_coach.assetType_WEB);
Note: if you image file not found or uploaded as wrong type, then your Javascript will get NPE and will prevent the rest of the coach from displaying.
Bill_Griffith
270000CS98
‏2012-09-25T16:07:06Z
Yeah I had the same problem and took some finagling to figure it out.
To add a simple .png as my header of a coach view, I did this:
1. upload image to "Files" as "web file"
2. drag custom HTML onto canvas
3. set source of custom HTML to image tag like:
4. add javascript to load event handler of custom HTML widget that changes image like this:
var img1 = dojo.query("img",this.context.element)[0]; dojo.setAttr(img1,'src',com_ibm_bpm_coach.getManagedAssetUrl("logo.png",com_ibm_bpm_coach.assetType_WEB);
Note: if you image file not found or uploaded as wrong type, then your Javascript will get NPE and will prevent the rest of the coach from displaying.
More...
The information is very helpful here.
If I have the image is available and save under the WebSphere App Server where Lombardi is running on, where the URL path is stored on database table
http://websphere-host:port/ImageApp/test.jpg
How can I pass the image path value from DB table(because the image link cannot be hardcode here) and go into coach view (inline javascript) such that the Coach view could display its image?
Thank you!
Patrick
SystemAdmin
110000D4XK
‏2013-03-07T16:03:56Z
The information is very helpful here.
If I have the image is available and save under the WebSphere App Server where Lombardi is running on, where the URL path is stored on database table
http://websphere-host:port/ImageApp/test.jpg
How can I pass the image path value from DB table(because the image link cannot be hardcode here) and go into coach view (inline javascript) such that the Coach view could display its image?
Thank you!
Patrick
More...
Relatively recently I had the need to be able to select the image to be shown dynamically at run-time. I suspect there are many ways to do this. The one I ended up using was to write my own Coach View which I called "Image 2". This is available here in case it may be of use to others:
http://bpmwiki.blueworkslive.com/display/samples/Image+2
When the image is displayed, it performs an Ajax call back to the runtime. The run-time then dynamically returns a URL and that URL is then used to source the image. This includes the ability to return the image data directly.
This may be of value.
Neil
kolban
1000000446
‏2013-03-08T03:11:15Z
Relatively recently I had the need to be able to select the image to be shown dynamically at run-time. I suspect there are many ways to do this. The one I ended up using was to write my own Coach View which I called "Image 2". This is available here in case it may be of use to others:
http://bpmwiki.blueworkslive.com/display/samples/Image+2
When the image is displayed, it performs an Ajax call back to the runtime. The run-time then dynamically returns a URL and that URL is then used to source the image. This includes the ability to return the image data directly.
This may be of value.
Neil
More...
Thank you, we will try this.
Hi I am using coach view and I need to show image in the UI. What I did is I added image with the my custom dom but when I am giving the src it is coming the image is not found.
I am giving like this -
<img alt="TryImage" src="ajax-loader.gif" style="position:absolute;right:40px;top:8px;">
I have also tried giving a background-url but that also is not working. I have placed image in the server with default loaction. Can someone please help me on this.
shv22
50U1Q2513A
‏2017-07-25T16:29:58Z
Hi I am using coach view and I need to show image in the UI. What I did is I added image with the my custom dom but when I am giving the src it is coming the image is not found.
I am giving like this -
<img alt="TryImage" src="ajax-loader.gif" style="position:absolute;right:40px;top:8px;">
I have also tried giving a background-url but that also is not working. I have placed image in the server with default loaction. Can someone please help me on this.
More...
You are intended to upload the gif as a managed asset and then get the URL for that managed asset and use it in your UI. This is called out in the post by #Bill_Griffith 270000CS98 above from Sept 25, 2012.​​
-Andrew Paier

Related Links

REST API
Accesing list data bound to Coach View
BPM 8.5 installation (deployment environment creation)
settting auto height of tabs
Pause System Service
BPM 8.5.5 node under WAS 8.5 Dmgr
ibpm 8.0.1 to 8.5 Migration
Cannot find POReference - Effects UCA jobs Failed
Auto fill an Output text using a drop down
Integration BPM SAP
Unable to access bpmwiki
Adding tasks to an active BPD instance
Cannot find POReference with id
bpm v8 process designer refresh problem on table
onChange for TypeAHead in IBM BPM 7.5
Portal Admin Group - Authorization Settings

Categories

DW
PowerVM
Compiler Cafe
Cloud
Application Performanc...
Unica
Rational
dW Korea
University
Communities category
IBM Verse
IBM FileNet Content Ma...
IBM Kenexa Prove It! O...
IBM Kenexa Talent Mana...
NetInsight Enterprise
IBM SmartCloud Applica...
Server Automation
Multi-Channel Selling
Cast Iron Runtime Appl...
Cast Iron Best Practices
Graphics
The SPSS Community web...
IBM developerWorks Россия
Functional and GUI Tes...
Service Virtualization
Системы хранения данны...
powerarchitecture
Robocode
Brazil - Java`s Forum
Wholesale
IBM i
Networking
Community
Ajax
Information Architectu...
InfoSphere DataStage
InfoSphere Information...
IBM InfoSphere Data Ar...
IBM InfoSphere BigInsi...
IBM Db2 Event Store
Part 3 - Challenge #14...
IBM Visual Configurati...
AppScan Enterprise
Events & DSM's
Administration
Mapping / Translation
Gentran Director
Business Solutions Forums
Education
Applications Framework
Gentran Server for Win...
General Discussion
Connect:Express Unix
Connect:Direct
Connect:Direct for Win...
Multi-Channel Fullfill...
Application Best Pract...
C3 Analyzer Q&A
C3 Analyzer Installation
How Are You Using Sell...
Adoption Rates
System Performance
Back End Integation
SDK & Tools
Announcements -
Yard Management
Logistics
Console Framework (HTM...
RPG Cafe
IBM ILOG Elixir Previe...
Mathematical Programming
Diagram
Java Visualization Pro...
IBM Decision Optimizat...
Mathematical Programmi...
Rule Studio for Java
General BRMS Discussion
Форум System x
Performance Harness fo...
IBM Tivoli Network Man...
Tivoli Decision Suppor...
IBM i Access for Linux
AIX Security
HPC Central Technical ...
IBM BladeCenter Forum
Lotus ActiveInsight an...
Web Site Development w...
ibmpub.java.vmesa
Web Services Technical

Resources

Encrypt Message



code
soft
python
ios
c
html
jquery
cloud
mobile