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 :

image

To achieve that, follow these steps :

  1. 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 : image and image
  2. Create a Webi formula that calculate your trend (with a conditional formula for instance) and the result is an HTML code representing the arrow : image
  3. 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 : image
  4. You can also put the icon in bold by addind the corresponding "b" tag : image
  5. 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" : image
  6. Now you can filter your data with your up/down arrow : image

Veuillez patienter!

S'il vous plaît patienter... il faudra une seconde !