Assign custom icons for custom resources, collections, & business glossary types
Why would I do this?
Use this feature to assign custom icons to custom resources, collections, and business glossary types. This helps you create a richer UI experience by designating your business specific or emoji icons to the different types of resources in your catalog.
You can achieve this by simply using icons available in the data.world icon library, emoji icons, or your special business icons hosted on the web.
STEP 1: Plan your custom icons
Plan the resources you want to use the custom icons
You can use custom icons for:
Custom resources
Business glossary types
Collection types
Types of icons
Icon types | Resource | Details |
|---|---|---|
Icons from data.world icon library | Standard icons shared by data.world | |
Emoji icons | You can use any emoji icon available on the web. | Emoji can be specified using emoji icons (for example, 🇬🇧, 😀, ↑) |
Images hosted on the web | You can host an image on the web and use that in the catalog. | Use an image that has an aspect ratio of 1:1 (square). The largest display allowed is 260 by 260 pixels so an image of that size is recommended. Images that are a lot smaller may not display correctly and can come out pixelated. |
STEP 2: Create an icon
On the Organization profile page, go to the Overview tab or Resources tab. Click the New resource button and select Other resources.
In the Add new resource window, set the following and click Save.
In the Title field, provide a name of the icon you want to add. For example, let us add an icon called Smiley.
From the Choose type section, select the Resource Icon option.
From the Choose one or more collections dropdown, select the Metadata profile collection.
In the Edit resource window, set one of the following and click Continue.
Important
If you set the value for more than one field, the icon will be created using the following priority:
data.world provided icon
Emoji glyph icon
Icon hosted on the web
Use data.world icon: From the dropdown list, select an available data.world icon. You can see the details of the icons here: https://data.world/ddw-libraries
Use emoji glyph: Simply add the emoji icon, like 🇬🇧, 😀, ↑, or any other icon.
Specify icon by URL: Host an image on your preferred location and make sure it is accessible on the internet without any login. Then, provide the URL for the icon. For example: https://assets.data.world/assets/wrench-sparkle.380853d6d2d6ead6f656d00a39eb3788.png
Note
Image size recommendations
Use an image that has an aspect ratio of 1:1 (square). The largest display allowed is 260 by 260 pixels so an image of that size is recommended. Images that are a lot smaller may not display correctly and can come out pixelated.
STEP 3: Assign the icon to the custom resource, business glossary type, or collection type
On the Resource icon page that you just created, go to the Related tab.
Click the Add a related resource button.
In the Edit a related resource for this Resource icon window, set the following and click the Save change button.
Type tab: Select a custom resource or Business glossary type to which you want to assign the icon.
Collection type tab: Select a custom collection type to which you want to assign the icon.
Publish the changes
See: Publishing changes.
View the results
In the Catalog Sandbox organization, find or create the resource for which you assigned the custom icon.
You will notice that the custom icons are assigned to the resource instead of the generic icon.