Originally I thought that the binary content of all icons are stored in the server side. And in the runtime when an icon is to be rendered, there is a conversion done, transferring the internal url like "sap-icon://XXX" to absolute path like "https://XXXX" which points to the icon stored in the server. However I am wrong.
Figure: how the traditional image is displayed in Fiori
If you use the element inspection function in Chrome development tool, you will find the corresponding html element for image in the final html source code does not contain any attribute like src. Instead, it has an attribute defined by SAP which seems to have something to do with image content: data-sap-ui-icon-content.
The value of this attribute is filled by IconRenderer when the icon is to be displayed in UI. The variable oIconInfo.content stores the actual value.
Check the source code of this js file, where all the supported icons together with their icon name and icon code are hard coded.
So the icon id for icon "accidental-leave" we find in icon browser page, e000, is just its corresponding code hard coded in IconPool.js.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
38 | |
19 | |
13 | |
13 | |
11 | |
10 | |
10 | |
10 | |
8 | |
8 |