Skip to main content

This content is closed to future replies and is no longer being maintained or updated.
Links may no longer function. If you have a similar request, please write a new post.

Question

 sanika joshi (sanikaj0)
Infosys Ltd
AU
sanikaj0 Member since 2020 3 posts
Posted: Sep 17, 2020
Last activity: Sep 20, 2020
Posted: 17 Sep 2020 22:23 EDT
Last activity: 20 Sep 2020 23:42 EDT
Closed

How to add SAP font icons to the Pega application?

Hi Team,

 I have added the SAP-icon font ttf file from this link https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons/?tab=grid&icon=home&search=home to the webwb folder in the Pega application. 

I would like to know what are the next steps after uploading the binary file to be able to access the sap-icon://home icon.

 

Thanks and regards ! 

To see attachments, please log in.
Pega Platform User Experience

Posted: 4 years ago
Posted: 20 Sep 2020 23:42 EDT
sanika joshi (sanikaj0)
Infosys Ltd
AU

I have followed the following steps in order to accomplish this task. However, my browser is unable to find the specific icon. Instead it displays the Unicode of the icon on the screen. 

1. Converted the SAP font files to a web font format using Font Squirrel

2. Uploaded the .woff and .woff2 files to the Pega webwb folder.

3. Referenced the font files in the py-icons.css stylesheet.

4. Wrote the css class .pi-xyzicon with content of  the Unicode of the SAP Icon.

 

To see attachments, please log in.

We'd prefer it if you saw us at our best.

Pega Collaboration Center has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice