ibm-bpm


How can I add an icon inside a brazos datatable


I want to display an icon instead of a string or boolean inside a data table? Use case is as follows: the user wants to see an icon (e.g. a check or an x) depending on a value inside a business object.
Anyone have any ideas?
Here's one approach:
Bind the value of the business object property to an output text that it’s inside the Data Table. In the configuration properties of the Output Text check the “Is HTML” option, then go to Advanced Options and put the name (say ‘getIconHTML’) of a java script function that will resolve and return the HTML of the icon. Then add a “Custom HTML” element to the Coach and a code similar to this:
<script>
function getIconHTML(action){
var htmlAction = “”;
if(!!action){
switch(action){
case “ADD” : htmlAction = ‘<font color=“green”><i class="fa fa-check” aria-hdden=“true”></i></font>’; break;
case “REMOVE” : htmlAction = ‘<font color=“red”><i class="fa fa-times” aria-hdden=“true”></i></font>’; break;
default : break;
}
return htmlAction;
} else {
htmlAction = “”;
return htmlAction;
}
}
</script>
Here we’re using font awesome icons, but could also use the decimal code of the HTML entities like &#10008 (for the x) or &#10004 for the checkmark.
Hope this helps!

Related Links

Auto-flow process using linked process?
How to allow numbers, backspace, delete, left and right arrow keys in the text control of IBM BPM or Input string of Brazos
Using bindings with BrazosUI buttons
“Editable” Data Table vs Table
How can I add an icon inside a brazos datatable
How to integrate Angular js with IBM BPM 8.0 client side human service
IBM BPM 8.5.6 - EJB Client - ClientObjectWrapper.getObject()
IBM Business Process Manager Customizing Process Portal (V8.5.5) Upload/Edit fails
Cannot do POST in IBM BPM to web service
is there any way to list restful webservices
Migration help Websphere BPM 8.0.1.3 to 8.5.6 (Redirection rule)
IBM Integration Bus - Business Monitor

Categories

HOME
asp.net
youtube-api
url
ide
dronekit
skypedeveloper
where
msbi
angularjs-directive
angularjs-ng-repeat
spring-data-solr
unreal-engine4
exchange-transport-agents
pylint
amazon-data-pipeline
udeploy
coccinelle
vala
typedef
nsopenpanel
mex
windows-10-mobile
snapkit
availability
angularjs-resource
matlab-compiler
azure-vm-scale-set
leaderboard
multi-user
scip
jibx
instances
byobu
sknode
glide-image-library
aura-framework
google-cloud-powershell
mtm
php-mongodb
test-kitchen
firefox-developer-edition
automapper-4
noise
standard-error
aws-rds
selection-sort
dmalloc
multi-select
blitz3d
directinput
android-tabs
altova
vga
hoare-logic
audiorecord
paypal-subscriptions
google-app-engine-php
controlpanel
commercetools
redquerybuilder
cloud-storage
joomla3.3
borland-c++
pagecontrol
photogrammetry
skview
chrome-mobile
applinks
crtdbg.h
alpha-beta-pruning
xcode5
diffmerge
conditional-comments
sat4j
nest-initiative
step
traceur
xps
sqldatasource
email-headers
boofcv
facebook-likebox
xcode5.1
caroufredsel
azure-pack
playing-cards
stringstream
idoc
volatility
tasklist
google-email-audit-api
dancer
nsscrollview
datasheet
helicontech
towerjs
copyfile
mismatch
xhtmlrenderer
google-local-search
system-analysis
carbon-emacs
hp-trim
lts
script-tag
projectgen
managed-code
cross-cutting-concerns

Resources

Encrypt Message