Frequently Asked Question
How to add HTML icons in your Webi tables & N4V components
Dernière mise à jour il y a 2 ans
Symptom
- You want to add some usefull icons in your visuals (up/down arrows, symbols...)
Reason and Prerequisites
Environment:
- SAP BusinessObjects 4.2/4.3
- N4V All versions
Resolution
The goal of this article is to add some custom icons in your Webi/N4V elements. For instance, you need to represent the trend of a measure with a up/down colored double arrow and add the capability to filter your data with those icons :
To achieve that, follow these steps :
- Choose your HTML signs on a website and note the corresponding HTML code. Example of list here : https://www.toptal.com/designers/htmlarrows/arrows/. The codes we need for our example are :
and
- Create a Webi formula that calculate your trend (with a conditional formula for instance) and the result is an HTML code representing the arrow :
- Now if you want to color your arrow (red for down arrow and green for up arrow), transform the output of the conditional formula with an HTML syntax :
- You can also put the icon in bold by addind the corresponding "b" tag :
- Now you can use your variable in your favorite N4V element (ex. the table filter), then change the title of the dimension and set the filter of the corresponding dimension as "list of value" :
- Now you can filter your data with your up/down arrow :