Remove currency symbol from Price value on Service Portal Catalog widgets - Support and Troubleshooting

Remove currency symbol from Price value on Service Portal Catalog widgets Issue  Description This article explains how you can remove the currency symbol from the price being displayed on the SC Catalog Item widget and can also be used for the SC Order Guide widget. Customising this value comes with some possible issues so we will also look at them and how to work around them and the tradeoff of these workarounds.

Procedure The price value is stored in the following variable:

data . sc_cat_item . price The price value is stored with the corresponding currency symbol, so we need to remove it, we can remove it in many ways, but the following line of code is straight forward and returns the price value without the currency symbol:

data . sc_cat_item . price . substring ( 1 ) ; The above only returns the value, we need to store it into the right variable:

data . sc_cat_item . price = data . sc_cat_item . price . substring ( 1 ) ; Possible Issues The above will work for most catalog items BUT on some items, you will still see the currency symbol. This happens because there is a variable on the catalog item which is recalculating the price, and since variable rendering finishes after the server script has been executed, it ends up repopulating the price variable using the client controller code and we end up with a price value with the currency code.

In order to avoid the currency value being refreshed from the initial server value, use the one-time binding feature of Angular in the HTML template:

b > ${Price}: b > {{data . sc_cat_item . price}} Change the above to:

b > ${Price}: b > {{::data . sc_cat_item . price}} The issue with using this is that if you do want the price value to be recalculated and display this updated value, then it won't work as the value will remain the same as it was when the catalog item was loaded.

Applicable Versions All supported versions